how to remove site title text at top?

  • hello, i am trying to reduce wasted space at the top of the page so users can see more of my content. i don’t need the name of the site to take up all that room. I can embed the site name in the header image.

    I removed the site name from the Site Title field of the “customizing” area but it still shows a blank line on the site.

    can anyone suggest how I can make all that white space go away?
    thanks

Viewing 2 replies - 1 through 2 (of 2 total)

  • Hi,

    1) If you have not already, create a child theme.

    2) In the editor, select Stylesheet (style.css0 from the right side menu.

    3) Scroll down and look for this section::

    /* =Header
    ————————————————————– */

    #header {
    padding: 30px 0 0 0;
    }
    #site-title {
    float: left;
    font-size: 30px;
    line-height: 36px;
    margin: 0 0 18px 0;
    width: 700px;
    }
    #site-title a {
    color: #000;
    font-weight: bold;
    text-decoration: none;
    }
    #site-description {
    clear: right;
    float: right;
    font-style: italic;
    margin: 15px 0 18px 0;
    width: 220px;
    }

    /* This is the custom header image */
    #branding img {
    border-top: 4px solid #000;
    border-bottom: 1px solid #000;
    display: block;
    float: left;
    }

    4) Change just these two areas as shown below.

    #site-title {
    display: none;
    }

    #site-description {
    display: none;
    }

    hi to remove site titel and site tagline go to appearece scroll down click on edit css
    add this lines below

    .site-info { display: none; }
    #site-title a {
    display:none;
    }
    #site-description {
    display:none;

    with this line no more space go a way or white en gray

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘how to remove site title text at top?’ is closed to new replies.