How can I delete the default padding between the header and the first row as well as the last row and the footer.
If that is not possible, how can I change the background color in the site area. I can only change the sides of the boxed layout but not the site itself.
Thank you.
Hello Ben,
Please provide more details to the padding you want to reduce, because this is different for all header styles. Please specify the header style used and maybe a link to your website so we can create the CSS code for your site directly. Both of your requests are possible with custom CSS.
For the second request try this CSS in the theme panel:
.td-main-content-wrap, .type-post{
background-color: rgba(70,86,175,0.55)!important;
}
result: http://screencast.com/t/6hPWS6lOb
Thank you!
Hello Bogdan,
Thank you for your help.
The page I refer to is: http://maleinstincts.com/home-new/
Header style is: Style 6 – Full dark menu on right with logo
You will see the white empty space between the header and the slideshow, as well as between the slideshow and the footer.
I would like to delete both of these empty white spaces to where the slideshow comes right beneath the header.
Thank you again for your help.
Ben
Hello Ben,
CSS is a very specific code, so this will remove only the padding on this exact page. It is based on the page ID. If you want to apply this code to another page you will have to modify the page id number to match your page’s.
You can see the page id on the body tag with your browser inspector: http://screencast.com/t/Rghq4y8tN2
You have to be this specific otherwise it will apply to all pages of your site and create other problems.
Use this code in the theme panel -> custom CSS box
.page-id-1178 .td-main-page-wrap{
padding-top:0!important;
}
.page-id-1178 .td-main-content-wrap{
padding-bottom:0!important;
}
result: http://screencast.com/t/QCCjP1T4h
Thanks.
