Hi,
I am trying to minimize the padding Vantage uses on the page layout and have been really unsuccessful doing so using custom CSS. Here is the code I’ve been playing with:
#main {
padding: 5px !important;
}
I was able to actually change the padding going into the Vantage CSS file itself, but the 35px padding is nice to have on most pages. What I really need is to have some specific types of pages that I can minimize the padding from. The easiest way to do this would seemingly be create a page template within the page attributes designed to minimize the main padding.
Can someone help guide me in the right direction for the easiest setup of this? Realistically, I am able to override the settings in several ways including toying with page builder, but I have about 20 pages that could really benefit from minimizing the Vantage built in padding for the main site area.
URL: http://www.georgiaodyssey.org/learn-about-odyssey-of-the-mind/
Hi Jtc.customs
Sounds like you know already, just a quick reminder that changes to style.css will be lost during theme update.
You can control the main div padding in one of two ways.
1. Each page has a unique class in the body tag so you can prefix main with that class to limit the selector. For example:
.home #main { padding: 5px; }2. You could add a new page template to a child theme and then prefix #main with the body class of that page template.
Page templates: http://codex.wordpress.org/Page_Templates
Vanilla child theme to start with:
https://siteorigin.com/wp-content/uploads/2015/01/vantage-child-vanilla-enqueue.zip
Let us know what you need a hand with and we’ll jump in there.
Thanks