WordPress.org

Ready to get started?Download WordPress

Forums

Text appearing over altered logo (9 posts)

  1. Gobsheene
    Member
    Posted 3 years ago #

    Hi,

    I've edited a theme (Converge from Themeforrest) to display a custom logo.

    It's worked but its overlaying some annoying text on the png file im using.

    the URL of the site is http://www.zero2eight.com/index.php

    I've looked at the CSS and header files but cant seem to find the code thats making it appear!

    Help greatly appreciated!

    Niall

  2. alchymyth
    The Sweeper & Moderator
    Posted 3 years ago #

    #header h1 a { visibility:hidden; }

    added to style.css of your theme should work

  3. Gobsheene
    Member
    Posted 3 years ago #

    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?

  4. Gobsheene
    Member
    Posted 3 years ago #

    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/ ]

  5. alchymyth
    The Sweeper & Moderator
    Posted 3 years ago #

    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.

  6. Gobsheene
    Member
    Posted 3 years ago #

    Still no better,

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

  7. alchymyth
    The Sweeper & Moderator
    Posted 3 years ago #

    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 ;-)

  8. Gobsheene
    Member
    Posted 3 years ago #

    Guess who's an idiot...

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

    Thanks Matey!!! :>

  9. alchymyth
    The Sweeper & Moderator
    Posted 3 years ago #

    you are welcome ;-)

    (and you are not alone ...)

Topic Closed

This topic has been closed to new replies.

About this Topic