WordPress.org

1. Opethian
   Member
   Posted 1 year ago #

   Hello everyone.

   I have tried to modify the existing CSS to change the upper left logo from just saying my website title to displaying an image. Unfortunately, when I changed it to an image, it would display a border on the top (thick one) and another at the bottom (a thinner one).

   I've tried to comb through the CSS with no avail. I tried using a smaller image, and it will still add the borders. I tried using a longer thinner image, and again it will add these borders.

   My question is, how do I remove these borders, and is there a specific image size that I can only use?

   Here's some info:

   WordPress 3.0
   TwentyTen Theme
   Problem can be seen at: http://www.opethian.com (me website)

   Many thanks in advance for the help.

2. MAS
   Member
   Posted 1 year ago #

   Edit your style.css file :
   

   #branding img {
   border: none;
   clear:both;
   display:block;
   }
   a img {
   border: none;
   }

   Edit your header.php file with this code
   

   <h1 id="site-title">
   <span>
   <a rel="home" title="<?php bloginfo('name');?>" href="<?php bloginfo('home');?>">
   <img border="0" style="" alt="<?php bloginfo('name');?>" src="<?php bloginfo('template_directory');?>/images/[YOUR SITE's LOGO NAME]"/>
   </a>
   </span>
   </h1>

3. Opethian
   Member
   Posted 1 year ago #

   I have tried it out and am surprised I did not find that in the CSS. My issue is now resolved. Thanks for your assistance!

Topic Closed

This topic has been closed to new replies.