Hiding the Site Title and Tagline (6 posts)

  1. neorussell
    Posted 5 years ago #


    I'm using "The world is listening ote049" template.
    I've looked for a way to hide title but can't seem to find info anywhere.

    I've searched online and they say add this:
    #site-title, #site-description {display: none; }

    They don't seem to mention where to put it.
    I checked my style.css and all of them start with the period symbol.
    Can somebody help me in where to put that code to get rid of the site title and tagline in my site?

    I'm making a new header image that will include my site name with no tagline.

    Thank you for your time,
    Russell O.

  2. vtxyzzy
    Posted 5 years ago #

    That line of code would go at the end of style.css. The pound signs (#) signify an id. Periods signify a class. Both are valid.

  3. neorussell
    Posted 5 years ago #

    I added the value at the end of style.css and still shows that title unfortunately. Any other suggesstions?


  4. Michael
    Forum Moderator
    Posted 5 years ago #

    the exact css ids or classes of your blog title and description depend on your theme, and if you don't find the ones from your search results in style.css of your theme, then the fix will not work.

    look into header.php of you theme files, and find:

    <div class="logo">
        <h1 id="name-text" class="logo-name">
            <a href="<?php echo get_option('home'); ?>/"><?php bloginfo('name'); ?></a></h1>
        <div id="slogan-text" class="logo-text">
            <?php bloginfo('description'); ?></div>

    that is the code that shows the title and description.

    from that, you can see that the css you need to use is either general for the title and description in one go:
    .logo { display: none; }

    or for both idividual:
    .logo-name, .logo-text { display: none; }

    be aware that using 'display: none;' removes the div and might change the layout.

    this would have been much easier if you had posted a link to your site.

  5. pameladamus
    Posted 5 years ago #

    The CSS "display: none" did not work for me. Not sure why. However, I tried using this CSS: #header h1 {font-size: 0px}... This seems to work. No title shows on the page but you can still read the name of the site up on the browser, which is desirable. Does anyone know of problems that result from doing it this way? It feels too easy.

  6. esmi
    Forum Moderator
    Posted 5 years ago #

    Please post a new topic.

Topic Closed

This topic has been closed to new replies.

About this Topic