Support » Fixing WordPress » changing Site Title with a logo

  • I tried adding this to my style.css, but nothing is working. I want to change the Steve that is in text with a logo. I’m using the striking theme.

    #header h1 a {
        background: url(logo.jpg) no-repeat;
        display: block;
        height: 48px;
        outline: medium none;
        text-indent: -9999px;
        width: 366px;
Viewing 15 replies - 1 through 15 (of 22 total)
  • On your site I see the Steve to be an image, not something in text (Swiftfox on Ubuntu). Also text-indent : -9999 px is weird.

    There is no logo where do you see it. I want the logo to replace the site title that’s in wordpress



    Forum Moderator

    there is no h1 tag in the header of your theme – therefore your code could not work.

    your header html structure is (copied from the html code of your page in the browser):

    <header id="header">
    	<div class="inner">
    		<div id="logo_text">
    			<a id="site_name" href="">Steve</a>

    in skin.css, try to add the background image to the css class .inner or #header .inner

    for instance:
    #header .inner { background: url(logo.jpg) left top no-repeat; }

    and be sure that the logo.jpg is in the theme folder.

    to move the text away, you could try to do the ‘text-indent’ method on #logo_text:
    for instance:

    #logo_text { text-indent: -9999px; }

    I don’t see that in skin.css file?

    If not skin.css, then it’s your style.css file.

    You could also just change where it says “Steve” (this will probably say <?php bloginfo('name'); ?>) to the img tag.

    I tried both the skin.css and style.css and I can’t find it. Where do I find that

    Where do I find this?:<?php bloginfo(‘name’); ?>)

    That will be in your header.php file.

    In Skin.css I see where it says Site name I put the logo there but, then I can’t get rid of the text on the screen

    oh i’ve tried that but where the steve is at is not in header it’s in the inner but I can’t figure this out.

    I tried adding the logo and I got in the corner but, how to get rid of the text behind and add the logo instead.



    Forum Moderator

    check my replies in this thread.

    add something like this to skin.css of your theme, or edit the corresponding style:

    #logo_text { text-indent: -9999px; }

    This worked #header .inner { background: url(logo.jpg) left top no-repeat; } but how to move down a little an add the url so it links back to the home.

    Adding <a href="<?php bloginfo('url'); ?>"></a> will make it a link.

    where do i add that?

    <a href="<?php bloginfo('url'); ?>"></a> I tried this in the header and it’s not working. Also how to move it off the top of the page?

Viewing 15 replies - 1 through 15 (of 22 total)
  • The topic ‘changing Site Title with a logo’ is closed to new replies.