How do I change the price font size in the Xtra template?

[GrizzlyMan]

Hi, please help, I think I should put the code in assets> screen.css

I’ve already tried many options, but it doesn’t work.

Could you give me an advice please?

[GrizzlyMan]

*my shop is https://vyprodame.cz/ pass: 0000

[PageFly-Henry]

Hi @GrizzlyMan

This is Henry from PageFly - Landing Page Builder App

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file screen.css

Step 3: Paste the below code at bottom of the file → Save

@media (max-width: 767px){
.price {

font-size: 20px !important;

}

}

Hope that my solution works for you.

Best regards,

Henry | PageFly

[GrizzlyMan]

Hi, thank you. Now I have pasted but it doesn’t work, I must be doing something wrong..

[PageFly-Henry]

You can try again with this step:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.liquid

Step 3: paste bellow code in tag → save.

@media (max-width: 767px){ .price { font-size: 20px !important; } }

[GrizzlyMan]

I did but it still doesn’t work

[AppleOfMyStudio]

PageFly-Henry got us close…but you need to:

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file screen.css for “price_fz”

Step 3: Then you can replace “–main_fz” in “var(–main_fz);” to any of the predefined size options

If you scroll up a bit on this same file you will see that listing. I have attached what those look like.

I changed ours to use either “–main_h4” or one of the size options like “–size_16_f”

Hope that helps!!

[GrizzlyMan]

it works! Thank you very much for your help!