Vantage Theme, Hero Image, Formatting Text

Resolved 5 replies plugin plugin-siteorigin-css technical

10 years ago · Last reply by Support Assistants 10 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.

Need fast email support? Get SiteOrigin Premium

Replies

Support Assistants 10 years, 2 months ago
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.
SteveBDD Private 10 years, 2 months ago
This is a private message.
Support Assistants 10 years, 1 month ago
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.
SteveBDD 10 years, 1 month ago
Got it! Many thanks.
Support Assistants 10 years, 1 month ago
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.