Home>Support>Edit h1-h6 tag formatting in Vantage Pro

Edit h1-h6 tag formatting in Vantage Pro

By wjk3, 9 years ago. Last reply by Andrew Misplon, 9 years ago.

Hi –
I need to reformat the h1-h6 tags (need diff color, size, etc)
Doesn’t seem to be in style.css – where can I find this or can you provide me with a snippet to add to the Custom CSS section?

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

  1. 9 years, 8 months ago zkagen

    Hi wjk3

    This can be done by adding this code to your child theme or custom css.

    Ad the code for each tag, say H1, H2…..

    – and edit the data to your liking ;-)

    h1 { 
    display: block;
    font-size: 24px;
    margin-top: 6px;
    margin-bottom: 6px;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
    color: #000000;
}
  2. 9 years, 8 months ago Andrew Misplon
    Hi, I Work Here

    Hi wjk3

    Thanks for reaching out. Hans, appreciate the hand here.

    Here are the exact selectors for content headings in Vantage:

    /* Vantage Content Headings */

.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
  color: #444444;
  margin: 1em 0;
  font-weight: 500;
}
.entry-content h1 {
  font-size: 1.7em;
}
.entry-content h2 {
  font-size: 1.6em;
}
.entry-content h3 {
  font-size: 1.5em;
}
.entry-content h4 {
  font-size: 1.4em;
}
.entry-content h5 {
  font-size: 1.2em;
}
.entry-content h6 {
  font-size: 1.1em;
}

    Insert the above into Appearance > Custom CSS and edit as required.

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