I have been able to adjust the top and bottom padding in the Vantage Headline Widget using the code below.. However, even when I set padding to 0px, the padding looks huge on the page. I know the code is working because I can use it to make the padding even wider.
Here are some example headlines (two instances of the headline widget, one beneath the other) with top and bottom padding set to 0px:
Here is the code I used:
/* Headline Widget */
.widget_headline-widget h1 {
font-family: Lucida Grande !important;
font-size: 26px !important;
font-weight: bold;
text-transform: none;
padding-top: 0px;
paddin-bottom: 0px;
}
.widget_headline-widget h3 {
font-family: Lucida Grande !important;
font-size: 14px !important;
font-weight: 200;
padding-top: 0px;
paddin-bottom: 0px;
}
Quick note: Since starting this thread, I’ve fixed the typo from “paddin-bottom” to “padding-bottom”; the padding is still much wider than I would expect for 0px.
Hi Justin
You could reduce the bottom margin from the first Page Builder panel by introducing the following into Custom CSS:
#panel-13-0-0-0 { margin-bottom: 0 !important; }Thanks, Andrew. I still wish the padding in the Headline Widget itself could be further reduced, but this definitely helps.
Try introducing the following property to the h1 selector:
And then adjust that. That’s where the rest of the space is coming from.
Looks like that’s the way to go! Thanks a ton!
Super, glad that helped.
please where do i paste in this codes??
Hi Wizzyplusky
Any Custom CSS you see on the forum should go under Appearance > Custom CSS in Vantage Premium or into your own Custom CSS plugin for Vantage Free.
Please help us out by opening a fresh forum thread per question or set of questions. You’re welcome to jump in on existing threads if you can help the thread poster with their question.
Thanks :)