Support » Themes and Templates » Text appearing over altered logo

Viewing 8 replies - 1 through 8 (of 8 total)
  • Michael

    (@alchymyth)

    Forum Moderator

    #header h1 a { visibility:hidden; }

    added to style.css of your theme should work

    Hi Alchymyth

    Thanks but no dice… it didnt seem to work.

    Tried in the header section in CSS and also in the Setup section.

    Just pasted in as you typed it.

    Any other ideas?

    Heres my CSS file if that helps

    [moderated: code removed;
    please don’t post hugh chunks of code here; see forum rules.
    the styles are easily retrievable from the site url.
    if you need to share larger amounts of code, please use a http://wordpress.pastebin.com/ ]

    Michael

    (@alchymyth)

    Forum Moderator

    edit style.css of your theme and find:

    #header h1 a {
    	display: block;
    	height: 101px;
    }

    add visibility: hidden; to that style, so it looks like:

    #header h1 a {
    	display: block;
    	height: 101px;
    visibility: hidden;
    }

    to make the changes visible in your browser, you may need to press the ‘reload’ button; or press ‘ctrl’and ‘f5’ at the same time – to clear the browser cache.

    Still no better,

    Performed a command+shift+r on firefox for the mac, which is the same as Ctrl+F5 🙂

    Michael

    (@alchymyth)

    Forum Moderator

    i cant’t find the edit in your style sheet;

    however, i found a typing error just a few lines before the supposed edit, and this might stop the style from being applied:

    /*- Logo -*/
    #header h1 {
     	background: url(images/logo.png) no-repeat;
    	float: left;
    	text-indent: -9999pxpx
    	width: 408px;
    }
    #header h1 a {
    
    	display: block;
    	height: 101px;
    }

    this line is messed up: text-indent: -9999pxpx

    and it should actualy not be there at all, as it would shift your logo image from the screen together with the text.

    so, in total, the top section should look like:

    /*- Logo -*/
    #header h1 {
     	background: url(images/logo.png) no-repeat;
    	float: left;
    
    	width: 408px;
    }
    #header h1 a {
    visibility:hidden;
    	display: block;
    	height: 101px;
    }

    good luck 😉

    Guess who’s an idiot…

    I was editing a duplicate style sheet… changed the CSS and added the admendment… worked!

    Thanks Matey!!! :>

    Michael

    (@alchymyth)

    Forum Moderator

    you are welcome 😉

    (and you are not alone …)

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Text appearing over altered logo’ is closed to new replies.