Home>Support>Remove gap top and bottom on heading 1

Remove gap top and bottom on heading 1

By marksmedia, 10 years ago. Last reply by Andrew Misplon, 10 years ago.
Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].

Hi, I would like to reduce the spacing between the top and bottom of heading 1, how can this be adjusted? Image shows the spacing I would like to change.

Ideally I would like the heading to align with the position of the standard text.

http://s16.postimg.org/bcq7p7tcl/heading_gap.jpg

Kind regards,
Mark

URL: http://luma-id.com/contact/

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 10 years, 11 months ago Andrew Misplon
    Hi, I Work Here

    Hi marksmedia

    Under Appearance > Custom CSS:

    /* Main Container */

#main { padding-top: 0px; }

    That’ll adjust the top margin, adjust that as required, it’s 35px by default.

    The bottom margin would be:

    /* Entry Header */

article.post .entry-header, article.page .entry-header {
margin-bottom: 20px;
}
  2. 10 years, 11 months ago marksmedia

    Hi Andrew,

    Thank you, but that still leaves a gap for headign 1…

    Please see image here; http://s18.postimg.org/t8eq1kjfd/gap.jpg

  3. 10 years, 11 months ago Andrew Misplon
    Hi, I Work Here

    Sure. Give this a try:

    /* Contact Page */

.page-id-51 .entry-content h1 {
margin-top: 0;
}

    To make that change global you could remove the .page-id-51. To make it specific to the first h1 only you’d need to say:

    /* Contact Page */

.entry-content h1:first-of-type {
margin-top: 0;
}
  4. 10 years, 11 months ago marksmedia

    Hi Andrew, perfect that works great. Last one, please can you supply the CSS code for the Vantage headline to reduce the top and bottom spacing?

    http://s29.postimg.org/lhbvdmbyf/vantage_headline.jpg

  5. 10 years, 11 months ago Andrew Misplon
    Hi, I Work Here

    For sure. Here is a full set of selectors for the Headline Widget:

    /* Headline Widget */

.widget_headline-widget h1 {
color: #444444;
font-size: 26px;
letter-spacing: 1px;
line-height: 36px;
margin: 0;
padding-top: 20px;
text-transform: uppercase;
}

.widget_headline-widget .decoration {
position: relative;
height: 1px;
border-top: 1px solid #EEE;
margin: 20px 60px 20px 60px;
}

.widget_headline-widget h3 {
color: #666666;
font-size: 14px;
font-weight: 200;
margin: 0;
padding-bottom: 20px;
}
  6. 10 years, 11 months ago marksmedia

    Perfect, thank you Andrew!

  7. 10 years, 11 months ago Andrew Misplon
    Hi, I Work Here

    For sure!

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.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More