bhadaway/support

Remove Widget space?

Closed this issue · 3 comments

Hello,
I love your theme. Finally somewhere we can have better control of what we put on our website.
I am trying to minimize a maximum of what is displayed on the homepage but i can't seem to get rid of the space allocated to the widgets next to the header and footer.
Basically all i need is a a header and footer that repeat on all pages. with images in the footer and a drop down menu with an image on the header.

I may just edit the Css file of the theme. First i wanted to check with you, if there was a button to remove the widget space.
Thank you

Try adding this to Appearance > Customize > Additional CSS:

#content {
	width: 100%;
}

#sidebar {
	display: none;
}

Wow I am in awe of your response time!
So I took the time to hunt down the problem.
Using the Additional CSS, Dev tool, and some background-coloring.

Problem : Shadow above and below content container.
A grey line visible between header and the content container.
Turned out to be #wrapper sticking out from behind #container.

Solution :
#container{ margin:0 auto;}

IMHO Possible UI change suggestion:
Access the container's margin from the menu Layout & Display.

FYI I'm self-studying to work as a Web Developer.
So it was enjoyable to figure out this detail in the great Theme you've made.

Thank you very much for your help and inspiration.

You're welcome.