This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Vantage Headline Widget–padding too wide even when adjusted to 0px

Resolved 8 replies premiumthemetheme-vantage
justinslocumbailey
Started · Latest reply by Andrew Misplon

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:

ABOUT

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;
}

URL: http://indwellinglanguage.com/about/

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

8
  1. justinslocumbailey

    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.

  2. Andrew Misplon Staff

    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; }
  3. justinslocumbailey

    Thanks, Andrew. I still wish the padding in the Headline Widget itself could be further reduced, but this definitely helps.

  4. Andrew Misplon Staff

    Try introducing the following property to the h1 selector:

    line-height: 36px;

    And then adjust that. That’s where the rest of the space is coming from.

  5. justinslocumbailey

    Looks like that’s the way to go! Thanks a ton!

  6. Andrew Misplon Staff

    Super, glad that helped.

  7. Wizzyplusky Ishynxobryt

    please where do i paste in this codes??

    • Andrew Misplon Staff

      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 :)

Replies on this thread are closed.

Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Have a different question or issue?

Start New Thread