• 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. https://steve-mcshane.com/

    #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.

    Thread Starter helpplease83

    (@helpplease83)

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

    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="https://steve-mcshane.com/">Steve</a>
    		</div>

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

    https://www.w3schools.com/css/css_background.asp
    https://www.w3schools.com/Css/pr_text_text-indent.asp

    Thread Starter helpplease83

    (@helpplease83)

    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.

    Thread Starter helpplease83

    (@helpplease83)

    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.

    Thread Starter helpplease83

    (@helpplease83)

    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

    Thread Starter helpplease83

    (@helpplease83)

    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.

    Thread Starter helpplease83

    (@helpplease83)

    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. https://steve-mcshane.com/

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

    Thread Starter helpplease83

    (@helpplease83)

    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.

    Thread Starter helpplease83

    (@helpplease83)

    where do i add that?

    Thread Starter helpplease83

    (@helpplease83)

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