How can I edit the Prestige theme product page code?

Store Design
, , ,
1

Hi I have two issues with my Prestige theme product page.

  1. The white color swatch has a box around it and i cant remove it

  2. my compare at price is large and i would like to change the color and make it smaller

Any advice on where to find this in the code base would be amazing. I added the screenshot below for reference.

Thank you

IMG_0161.jpg
IMG_0161.jpg1284×657 36.4 KB

1 Like
2

Hi @jeje121
Thank you for your question.
Please share your store URL, page URL and also password (if your store has one) so we can help you.

3

@jeje121

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

4

Hi @jeje121 ,

1: Please send your site and if your site is password protected, please send me the password. I will check it.

2: Go to Assets > theme.css and paste this at the bottom of the file:

.ProductMeta__Price.Price--compareAt {
    font-size: 15px !important;
    color: #f94c43 !important;
}

You can change the size and color to your liking.

5

https://tryangelskin.myshopify.com/

1 Like
6

Hi @jeje121

I’m Richard Nguyen - CRO Expert at PageFly, I’d like to suggest this idea:

Add this css at the bottom

Online Store ->Theme ->Edit code

Assets → theme.css

.ProductMeta__Price.Price.Text–subdued {

color: brown !important;

font-size: 14px!important;

}

Hope you find my answer helpful!

Regards,

Richard-pagefly

7

Hi @jeje121 ,

1: I tested and it shows fine, have you tested on another device?

Screenshot.png
Screenshot.png496×207 3.17 KB

8

@jeje121

We have checked for this issue in real system and browserstack but it is working ok. In which system configuration or browser you are checking?

9

This changed both the regular price and compare at price, i only want to change the compare at price.

10

my iphone 13 pro max, i think its just my phone that has the issue then thank you.

Could you help with changing the compare at color and font size? thanks again

11

Hi @jeje121 ,

Go to Assets > theme.css and paste this at the bottom of the file:

.ProductMeta__Price.Price.Text--subdued {
    font-size: 15px !important;
    color: #f94c43 !important;
}

You can change the size and color to your liking.