How can I modify the H2 font style in the Empire theme?

[JustCollecting]

Hi,

Hopefully someone can help.

I’m non technical (although can follow instructions!). I’m looking for a way to change the h2 font style in our news articles.

It currently looks like something out of the 1960s - see the “Maritime Museum of the Atlantic - Nova Scotia, Canada” text in this article: The world’s 10 best Titanic museums — JustCollecting

We’re using Empire theme.

Many thanks for any help you can provide - I appreciate it,

Daniel

[ZestardTech]

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > theme.scss.liquid and paste this at the bottom of the file:

.article--content.rte h2 strong {
font-style: italic!important;
}

[JustCollecting]

Many thanks for your help!

[valeriashapes]

Hi, how can I do enlarge the font on theme Empire?

Also, the size price of this product seems to be smaller than others. Please see the screenshot.

Thanks for your help

[valeriashapes]

Also in other products the size of the price is smaller, and there is a space between the title and the price, the theme in demo it’s not like this.

[valeriashapes]

I want to increase the size of the price on product pages.

[ZestardTech]

Hello There,

Please share your store URL and password.
So that I will check and let you know the exact solution here.

[valeriashapes]

Here: https://shapesdecor.myshopify.com

[ZestardTech]

Hello There,

1. In your Shopify Admin go-to online store > themes > actions > edit code
2. Find Asset >theme.scss.css and paste this at the bottom of the file:

.price__current {
font-size: var(--font-size-body-larger)!important;
}

Screenshot:-Screenshot by Lightshot

[valeriashapes]

Hello,

In Asset there is only theme.css.liquid and it doesn’t work by copying it here.

[ZestardTech]

Hello There,

1. In your Shopify Admin go-to online store > themes > actions > edit code
2. Find Asset >theme.scss.css and paste this at the bottom of the file:

.price__current span.money {
font-size: 25px!important;
}

[valeriashapes]

Now it works, but I want to enlarge it only on the product page not in the other sections such as “featured collection” on the home page that the prices are already big, the font is small only on the product page.

[valeriashapes]

Hello?