Add text with image in header error

I’m having this issue too. Have an image in the header that shows, but checked “Show header text with your image”, yet it doesn’t show.

You need a bit of Custom CSS which you can set in Appearance / Customise

#site-title a {min-width:500px;text-indent:220px;line-height:46px}

#site-description {min-width:500px;text-indent:220px !important;line-height:16px !important}

In the above example, my image is 200px wide with 20px padding, so the text indent needed is 220px. 500px is the width of my logo plus text. Adjusting line-height a little bit moves the text up and down.

lorro

Thanks, lorro. For my site, the description is stuck under the logo, however. It seems to be separated by a <div>, but I can’t find it in header.php. I’d like it to be under the site title, to the right of the logo.

https://claritysound.net/wordpress/

Hi James,

You need to “indent” the description to line it up with the title, then you need to make it wide enough to accommodate both the text and the indent. In your case you also need display:block Try this in your custom css:

#site-description {min-width:800px;text-indent:420px !important;line-height:16px !important;display:block}

That should line it up horizontally. I can’t work out how to move it upwards if you want that. One way would be to make the text part of your logo image.

lorro

With Firebug I can see that the title is in a div called ‘site-title’, which is within the ‘logo’ div, but I don’t see that set up in header.php or any of your php files. How is that div created? The description needs to be in the same div, I think, but it’s not.

By “make the text part of your logo image” do you mean a part of the jpg? I’d really rather not do that. There’s got to be another way…

Ok, I was able to do it with this:
position: relative; top: -160px;
… in the #site-description statement.