Changing Header Title to Image

  • Resolved opethian

    (@opethian)


    14 years, 8 months 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: https://www.opethian.com (me website)

    Many thanks in advance for the help.

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

  • 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>

    Thread Starter opethian

    (@opethian)

    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!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Changing Header Title to Image’ is closed to new replies.