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
11 years ago · Last reply by Andrew Misplon 11 years ago

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 11 years, 5 months ago

    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 11 years, 5 months ago

    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 11 years, 5 months ago

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

  4. Andrew Misplon Staff 11 years, 5 months ago

    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 11 years, 5 months ago

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

  6. Andrew Misplon Staff 11 years, 5 months ago

    Super, glad that helped.

  7. Wizzyplusky Ishynxobryt 11 years, 1 month ago

    please where do i paste in this codes??

    • Andrew Misplon Staff 11 years, 1 month ago

      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