Home Forums Free Themes Sociable How do I get rid off huge header?

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #148802
    Waveride
    Participant

    Hello guys,

    I was wondering if anyone knows how I can get rid of this header. The reason for this is that im trying to get this website done now that I have some time off, and I want the website to be easy to read for visitors. Since this header is just a big ugly area, taking alot of space, I dont want it. I dont really mind if thats taking the pagename out of there aswell. I just cant figure out how to get rid of it. It’s a latest posts page and I cant really change much about the layout of that specific page.
    https://www.mylifeasbas.com/blog

    The theme is Sociable Pro.

    I know I have dealt with this problem in the far past but WP got updated so many times, I cant find some features anymore. I also sort of doubt whether there is a easy fix for it, but I hope you guys know one.

    Greetz

    #148803
    Psink
    Keymaster

    Hello There,

    Please add this css in the additional css

    
    body:not(.home) #masthead {
        padding: 0px 0;
    }
    
    p.site-title {
        font-size: 32px;
    }
    

    in the above CSS I have slightly lowered the font size of the site title and remove top button padding space

    To add this in the theme Please GO to admin panel >> appearance >> customize >> additional css, paste the above code there and click the published button.

    Hope this will help

    regards,
    psink

    #148817
    Waveride
    Participant

    Hello there,

    Thanks for your reply. It was a useful CSS addition but I actually meant the big grey part underneath where it says “Blog”. I dont need that area and I dont need the title there. Can I somehow remove that whole grey part?

    #148824
    Psink
    Keymaster

    Hello there,

    Add this css to totally remove big gray part from all pages

    
    #page-site-header {
        display: none;
    }
    

    or add this css to remove only from latest post page ( Blog page )

    
    .blog #page-site-header {
        display: none;
    }
    

    Regards,
    Psink

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.