Hiding text from header

  • Resolved over_cloud9

    (@over_cloud9)


    15 years, 3 months ago

    I used a an image file to be uploaded as a header and after adding the text header,this is how my site looks now.
    [URL=https://img692.imageshack.us/i/imgha.jpg/][IMG]https://img692.imageshack.us/img692/4830/imgha.th.jpg[/IMG][/URL]
    As you can see the header text has over-rided my header image,I want the header text to be hidden but accessible by search engines,etc.

    I referred this link from wordpress-
    https://codex.www.ads-software.com/Designing_Headers
    and did exactly what it stated to hide the text from the header of my wordpress website.edited the h1 part of the style.css but the image of my website given above reflects after making all the changes.I googled the problem and all the other sites gave hi-end css code to replace or edit and I couldn’t follow them as I’m not a techy.
    I’m trying to resolve this and its been three days that I wasted behind it and with my frustration growing….Can anyone please baby step me the process to hide the header text so that it doesn’t spoil my image?

Viewing 4 replies - 1 through 4 (of 4 total)

  • You’re hiding text from all of us, too. Something like this will work:

    h1.blogtitle {
position:absolute;
top:-5000px;
left:-5000px;
}
    Thread Starter over_cloud9

    (@over_cloud9)

    Hey thanks,it worked!thanks a lot,you saved me!

    why not
    display: none;
    or visibility: hidden;
    ?

    Thread Starter over_cloud9

    (@over_cloud9)

    i don’t know why display:none worked when i opened my site in firefox but in opera the text overlapped the header image.but this code works fine with all browsers (i checked it with IE,opera and firefox).

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Hiding text from header’ is closed to new replies.