Change price font size for Flex theme

Solved
estherfeteny
Excursionist
13 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!

KetanKumar
Shopify Partner
16811 1838 6293

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
estherfeteny
Excursionist
13 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
KetanKumar
Shopify Partner
16811 1838 6293

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
estherfeteny
Excursionist
13 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
estherfeteny
Excursionist
13 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
KetanKumar
Shopify Partner
16811 1838 6293

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
MartinNovotny1
Tourist
8 0 3

Hi, 

 

what would the code look like if I wanted to change the size of the font but also it´s color? Let´s say ff6600. Is it this? The color code in the css editor is in red. Am I doing something wrong? 

 

Thanks

 

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

KetanKumar
Shopify Partner
16811 1838 6293

@MartinNovotny1 

Sorry for facing this issue, it's my pleasure to help us.

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
0 Likes
MartinNovotny1
Tourist
8 0 3
Hi,
Thank you very much. Our shops run on FLEX from OOOS - it´s shop.ledvance.it - it´s not fully live yet, will be on Monday but we removed the password now. I already used the code someone mentioned here and it looks good, just want to ask about the color as well.
0 Likes