Support » Theme: Icy » Add text with image in header error

  • Hello,

    I am having issues with the icy theme. I am trying to add an image as well as a title (text) in my header and it is not working. Instead, I have the image over-writing the text. When I remove the image from the header, the text shows up. I also have “Show header text with your image” checked off. Isn’t this supposed to show a text and header together? My ultimate goal is to have the image (our logo) on the left and the text after it. My website is http://www.romiosyni.org

    I am not familiar with css at all, so please tell me step by step what exactly it is that i have to paste in any css codes in the editor and where i need to put it.

    Please help!

    Thanks!

Viewing 6 replies - 1 through 6 (of 6 total)
  • 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.

    http://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.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Add text with image in header error’ is closed to new replies.