How can I adjust the text size of prices in the Ride theme?

[GASTY]

Hi everyone! Can anyone please guide in what’s the best option here for changing the font size of the price in the collections page? Any chance I can change the size of the paragraphs across the whole website? The only option for changing font size in Ride is going bigger and I want it smaller.

My website is www.gastonduflos.com

I’d like to have the fonts across the whole website similar to : https://www.kenzo.com/en-au/home

Any chance someone can give me a simple code to be able to change all paraghaps, headers and subtitles across the whole website?

Thank youuuuuu legends

[Made4uo-Ribe]

Hi @GASTY

To change the price font size check this one.

From your Shopify admin dashboard, click on “Online Store” and then “Themes”.

Find the theme that you want to edit and click on “Actions” and then “Edit code”.

In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:

.collection.section-template--15343934210153__featured_collection-padding .price {
    font-size: 1.2rem;
}

And save.

Result:

If you like to change the whole font size of the store check this codes in the base.css

You need to change theme one by one the headings h1,h2,h3,h4,h5,h6 and the with @media is for the mobile. This is not including the paragraph font sizes.

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!

[GASTY]

Thank you @Made4uo-Ribe ! This is great help. Unfortunately the suggested code only change the font in the collection block not in the collection and product page. Any chance I can get the class name for these? I dont’ seem to find it

THank you!

[GASTY]

Oh @Made4uo-Ribe I found the class, but it uses the same class for the product page and collection page: .price-item {
font-size: 1.4rem;
}

Any chance I can target them individually? Id like the price in collection page to be 1.2 rem and in the product page to be 1.5 rem

[Made4uo-Ribe]

Oh, you only mention the collection page.

check this one then.

.price-item {
    font-size: 40px;
}

And Save.

Result:

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!