If you still need any help with this, could you please provide a link to the logo image you’d like to use? It can probably be added as via CSS a background image without the need for a function.
Thread Starter
kuivah
(@kuivah)
sacredpath
(@sacredpath)
Automattic Happiness Engineer
Hi @, I’m seeing your logo on your site now and see this CSS.
.site-branding {
background-image: url("http://laurisalmi.com/wp-content/uploads/2016/01/lauri-salmi-header.jpg");
}
Is this now resolved?
Thread Starter
kuivah
(@kuivah)
sacredpath, no, in your paste is the old image that is set via the header image option in Sela. It works differently than the logo feature i’m seeking. No changes have been done since I opened this thread.
sacredpath
(@sacredpath)
Automattic Happiness Engineer
Ah sorry for misunderstanding. Go to your customizer and turn on the display of the title and tagline and add the following CSS. This hides the text title and tagline, but we need to turn that back on so that we can use the div to place the logo.
.site-branding {
background-image: none !important;
}
.site-title a, .site-description {
color: rgba(0, 0, 0, 0);
}
.site-title {
background-image: url("http://laurisalmi.com/wp-content/uploads/2016/02/laurisalmi-header.jpg");
background-repeat: no-repeat;
background-size: contain;
max-width: 400px !important;
width: 100%;
height: 100px;
position: static !important;
margin-left: auto;
margin-right: auto;
background-position: center center;
}
Thread Starter
kuivah
(@kuivah)
Thanks sacredpath! I got it working with that.
I had to switch the tag line on and off for a few times to get the right result. I also set the max-width line in the css to be 368px, which is exactly the size of the image in question. Otherwise some scaling was occuring.
Thread Starter
kuivah
(@kuivah)
Oh wait, one more thing
This does not seem to work correctly in mobile. The area off the header doubles and there is a large white space below the logo-image. Any idea what causes this?
Thread Starter
kuivah
(@kuivah)
Forget the last one. It seems to work in mobile now too. Maybe it got loaded from cache or something. Thanks again!
