WordPress.org

1. Gobsheene
   Member
   Posted 1 year 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
   Posted 1 year ago #

   #header h1 a { visibility:hidden; }

   added to style.css of your theme should work

3. Gobsheene
   Member
   Posted 1 year 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 1 year 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
   Posted 1 year 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 1 year 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
   Posted 1 year 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 1 year 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
   Posted 1 year ago #

   you are welcome ;-)

   (and you are not alone ...)

Topic Closed

This topic has been closed to new replies.