WordPress.org

Ready to get started?Download WordPress

Forums

Hide site title and insert logo in twenty twelve (12 posts)

  1. MayLum
    Member
    Posted 1 year ago #

    Hi, I have been trying various ways to do this but don't work. In the latest effort, I used the below code in my style.css but nothing changed.

    The site that I need help with is http://www.tigermommy.com and the logo is http://tigermommy.com/wp-content/uploads/2012/10/logo1.png. Thanks!

    #site-title {
    display: none;
    }
    #site-description {
    display: none;
    }

    h1#site-title a {
    color: transparent;
    }
    h1#site-title {
    background: url(http://tigermommy.com/wp-content/uploads/2012/10/logo1.png) no-repeat scroll 0 0 transparent;
    color: transparent;
    height: 146px;
    width: 444px;
    }

  2. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    One problem is that you are using # when you should be using . -- for classes, not ID's

    But the other problem is that if you have site-title set to "display: none;" a background image in that element is not going to show up.

  3. MayLum
    Member
    Posted 1 year ago #

    Thanks, WPyogi. I copied the above code from another forum thread; I have no experience whatsoever. have made the changes you mentioned but still does not see the logo. Can I trouble you to provide a code that will fix this? Thanks!

  4. MayLum
    Member
    Posted 1 year ago #

    Sorry, I re-did the change again and it worked! OMG, you solved something that I have been researching for 2 days within a second! However, the site description is still appearing. How should I remove that? Thanks!

  5. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    It's there - try clearing your browser cache. But it looks like you also need to add a couple more things -- try these:

    .site-header h1 a, .site-header h2 a, .site-header h2 {
        display: none;
    }
  6. MayLum
    Member
    Posted 1 year ago #

    Works like a charm! I am really really grateful! Thanks so much.

  7. MayLum
    Member
    Posted 1 year ago #

    Hi WPYogi, Can I tap your brains again? Before replacing site title with logo, I used to rank #6 on first page for "tiger mommy". After logo change, I am dropped from all the pages.

    Should I be indenting the site title so that bots can still search it? Would appreciate your advice! Thanks.

  8. damse
    Member
    Posted 1 year ago #

    then how does the finished code look like? And where in css do i put it :) ?

  9. Andrew
    Forum Moderator
    Posted 1 year ago #

    Damse, can you create a thread on your issues?

  10. pilotindia.arnab
    Member
    Posted 1 year ago #

    Hello MayLum!!

    May be google likes the header text in a site. thats why u lost places in search result after putting your logo. I suggest u do something like the member of this post.

  11. Drain0
    Member
    Posted 1 year ago #

    Google may penalise you for hidden links

  12. artgo
    Member
    Posted 1 year ago #

    Help! I'm new at this! My site is ArtGO.us and I want to move the logo from the center of the page to the top right corner. I'm a twenty twelve girl.

    Thank you!

Topic Closed

This topic has been closed to new replies.

About this Topic