Change price font size for Flex theme

Solved
Highlighted
Tourist
11 0 4

Hello, I was wondering if someone can help me with the code to customize our product price font, I just want to make it smaller than the product title.

I'm using the Flex theme - in other threads people were directed to Assets > theme.scss.liquid but when I go to my Assets, I don't have that.. help!

1 Like
Highlighted
Shopify Partner
7673 1056 2668

Hello, @estherfeteny 

Welcome to the Shopify community!
and Thanks for your Good question. 

Please share your site URL,
So I will check and provide a solution here.
If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
1 Like
Highlighted
Tourist
11 0 4

Hi @KetanKumar , I just DM'ed you my URL.

it's not live yet, we are still building it - you can see a sample product page under "Living"

0 Likes
Highlighted
Shopify Partner
7673 1056 2668

This is an accepted solution.

@estherfeteny 

Thanks 

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

/*======== collection page  ========*/
span.product-thumbnail__price {
    font-size: 20px; /*change font size as you like*/
    margin-top: 5px;
    font-weight: 600; /* if need unbold just remove or change value "normal"*/
}
/*======== product page  ========*/
.product__information .subtitle {
    font-size: 30px; /*change font size as you like*/
    font-weight: 600; /* if need unbold just remove or change value "normal"*/
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
1 Like
Highlighted
Tourist
11 0 4
But as I mentioned in my post I don’t see theme.scss.liquid when I go to
Assets - do you know why that is?
0 Likes
Highlighted
Tourist
11 0 4

But as I mentioned in my post I don’t see “theme.scss.liquid” when I go to Assets - do you know why that is?

0 Likes
Highlighted
Shopify Partner
7673 1056 2668

This is an accepted solution.

@estherfeteny 

Thanks for update

No, the problem you can add previous code on this file "styles.scss.css" at the bottom

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
1 Like