Home>Support>Vantage Theme, Hero Image, Formatting Text

Vantage Theme, Hero Image, Formatting Text

By SteveBDD, 8 years ago. Last reply by SiteOrigin, 8 years ago.

Hi,

I’m trying to format the text on my hero image. I’m using the Site Origin hero image plugin and initially used the standard heading tags (h1, h2, etc) but the h1 font size isn’t as big as I want it for the hero image.

I’ve tried using the Site Origin custom CSS plugin and when the specific h1 text is highlighted, the CSS shows as:

.sow-slider-base ul.sow-slider-images li.sow-slider-image .sow-slider-image-container .sow-slider-image-wrapper > *:first-child
.so-widget-sow-hero-default-5ee7f3a91716 .sow-slider-base .sow-slider-image-wrapper h1
.entry-content h1
h1

I tried adjusting the font size via the custom CSS plugin panel options to 60px which created this custom CSS:

.sow-slider-base ul.sow-slider-images li.sow-slider-image .sow-slider-image-container .sow-slider-image-wrapper > *:first-child {
  font-style: italic;
  font-weight: bold;
  font-size: 60px;
}

However, the change doesn’t take effect. I’ve tried clearing my cache, re-saving the page, etc but I’m stumped.

I’m guessing I’m doing something wrong so how should I actually be doing this?

Thanks

Steve

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

  1. 8 years, 9 months ago SiteOrigin
    Hi, I Work Here

    Hi SteveBDD

    Do you have a public URL where we can take a look at what’s going on? If you need to keep this URL private from other users, just select “Private Reply” on the bottom right of the comment box.

  2. 8 years, 9 months ago Private Message - SteveBDD

    This is a private message.

  3. 8 years, 9 months ago SiteOrigin
    Hi, I Work Here

    Thanks for the update.

    If you click over to the Text tab in the Hero widget you’ll see that you’re using inline CSS to set font size:

    <h1 style="text-align: center;font-size: 300%;">Darlington & Co</h1>

    That overrides the

    font-size: 60px;

    that is applied in Custom CSS. If you remove font-size: 300%; from the inline style tag, your Custom CSS will take effect.

  4. 8 years, 8 months ago SteveBDD

    Got it! Many thanks.

  5. 8 years, 8 months ago SiteOrigin
    Hi, I Work Here

    Glad we could help. All the best.

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