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

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • April 19, 2021 at 1:29 am #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

    April 19, 2021 at 1:52 am #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

    April 19, 2021 at 5:47 am #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?

    April 19, 2021 at 7:33 am #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

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