WordPress.org

Ready to get started?Download WordPress

Forums

changing Site Title with a logo (23 posts)

  1. helpplease83
    Member
    Posted 3 years ago #

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

    #header h1 a {
        background: url(logo.jpg) no-repeat;
        display: block;
        height: 48px;
        outline: medium none;
        text-indent: -9999px;
        width: 366px;
    }
  2. Bas Schuiling
    Member
    Posted 3 years ago #

    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.

  3. helpplease83
    Member
    Posted 3 years ago #

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

  4. alchymyth
    The Sweeper & Moderator
    Posted 3 years ago #

    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="http://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; }

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

  5. helpplease83
    Member
    Posted 3 years ago #

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

  6. nfiori
    Member
    Posted 3 years ago #

    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.

  7. helpplease83
    Member
    Posted 3 years ago #

    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'); ?>)

  8. nfiori
    Member
    Posted 3 years ago #

    That will be in your header.php file.

  9. helpplease83
    Member
    Posted 3 years ago #

    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

  10. helpplease83
    Member
    Posted 3 years ago #

    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.

  11. helpplease83
    Member
    Posted 3 years ago #

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

  12. alchymyth
    The Sweeper & Moderator
    Posted 3 years ago #

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

  13. helpplease83
    Member
    Posted 3 years ago #

    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.

  14. nfiori
    Member
    Posted 3 years ago #

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

  15. helpplease83
    Member
    Posted 3 years ago #

    where do i add that?

  16. helpplease83
    Member
    Posted 3 years ago #

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

  17. nfiori
    Member
    Posted 3 years ago #

    Can I see the code? I can't tell you unless I see it.
    But basically, you want to wrap the <a> </a> tags around the logo.
    For example:
    <a href="<?php bloginfo('url'); ?>">Steve</a>

  18. helpplease83
    Member
    Posted 3 years ago #

    hmm.. what code do you need to see?? Cause i"m not sure what that is.

  19. nfiori
    Member
    Posted 3 years ago #

    Show me whatever code you have that makes the logo.

  20. helpplease83
    Member
    Posted 3 years ago #

    #logo_text { text-indent: -9999px;}
    #header .inner { background: url(logo.jpg) left top no-repeat;}

    This is all i've changed in my Skin.css I don't know how to get the html part to change that. OR what to put that in.

    Here's this:

    <header id="header">
    	<div class="inner">
    <?php if(theme_get_option('general','display_logo') && $custom_logo = theme_get_option('general','logo') ):
    ?>
    		<div id="logo">
    			<a href="<?php echo home_url( '/' ); ?>"><img class="ie_png" src="<?php echo $custom_logo; ?>" /></a>
    		</div>
    <?php else:?>
    		<div id="logo_text">
    			<a id="site_name" href="<?php echo home_url( '/' ); ?>"><?php bloginfo('url'); ?></a>
    <?php if(theme_get_option('general','display_site_desc')){
    		$site_desc = get_bloginfo( 'description' );
    		if(!empty($site_desc)):?>
    			<div id="site_description"><?php bloginfo( 'description' ); ?></div>
    <?php endif;}?>
    		</div>

    This is my header..

  21. helpplease83
    Member
    Posted 3 years ago #

    can somebody help me??

  22. nfiori
    Member
    Posted 3 years ago #

    Ok, replace
    <?php if(theme_get_option('general','display_logo') && $custom_logo = theme_get_option('general','logo') ): ?>

    with this
    <a href="<?php bloginfo('url'); ?>"><?php if(theme_get_option('general','display_logo') && $custom_logo = theme_get_option('general','logo') ):?></a>

    And I think you can get rid of logo_text altogether, because there's nothing in it.
    So delete that in your skin.css file as well as all of this

    <div id="logo_text">
    			<a id="site_name" href="<?php echo home_url( '/' ); ?>"><?php bloginfo('url'); ?></a>
    <?php if(theme_get_option('general','display_site_desc')){
    		$site_desc = get_bloginfo( 'description' );
    		if(!empty($site_desc)):?>
    			<div id="site_description"><?php bloginfo( 'description' ); ?></div>
    <?php endif;}?>
    		</div>
  23. helpplease83
    Member
    Posted 3 years ago #

    None of that worked for me.. Unless I'm putting in the right place. I put in the header.

    Also how do you alphabetize the menu: http://steve-mcshane.com/

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.