Hide site title and tagline with custom css?

  • Author
  • #100425


    Does the Shelf theme support hiding the site title and tagline? If so, what should I copy/paste into my CSS box?

    Thank you!

    The blog I need help with is: (visible only to logged in users)

    Theme Author

    Hey there, Heather!

    In your dashboard, head to AppearanceTheme Options and uncheck:

    • Enable custom logo image
    • Display blog title
    • Display tagline

    And, on your SettingsGeneral screen, make sure the Site Title and Tagline fields are empty.

    I hope this helps! 😀

    Original poster

    Thank you so much for your help! I worry about how deleting the site title and tagline will affect a search engine’s ability to find us, though. The blog is set to private only temporarily while I work to get it ready; I then plan to make it public. I apologize for not including that info in my initial question – that would’ve been helpful, I’m sure. :) Is there another way?

    Original poster

    OR, if there’s not a CSS workaround that’ll hide the site title/tagline (without deleting them), is there a way to change the color of the site title/tagline to transparent? That way, they’ll still be there – we just won’t see ’em.

    I don’t know if transparent text is even a thing, though… lol

    Theme Author

    You bet, Heather!

    Google is super-clever and can even tell when you’re hiding text. So the most search engine-friendly way to do what you after is position the text offscreen. This should do the trick:

    .shelf .intro h1,
    .shelf .intro h3 {
        position: absolute;
        top: -9999px;
        left: -9999px;

    Let us know how that goes!

    Original poster

    It worked like a charm – thank you so much for your help!

    Theme Author

    You’re welcome, Heather! 😀

  • The topic ‘Hide site title and tagline with custom css?’ is closed to new replies.