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.

Remove gap top and bottom on heading 1

Resolved 7 replies premiumthemetheme-vantage
marksmedia
11 years ago · Last reply by Andrew Misplon 11 years ago

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.

Need fast email support? Get SiteOrigin Premium

Replies

7
  1. Andrew Misplon Staff 11 years, 2 months ago

    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. marksmedia 11 years, 2 months ago

    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. Andrew Misplon Staff 11 years, 2 months ago

    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. marksmedia 11 years, 2 months ago

    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. Andrew Misplon Staff 11 years, 2 months ago

    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. marksmedia 11 years, 2 months ago

    Perfect, thank you Andrew!

  7. Andrew Misplon Staff 11 years, 2 months ago

    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.

Have a different question or issue?

Start New Thread