A user seeks to customize pricing display on their Shopify product page using the Symmetry theme. They want to:
Original requests:
A community member provided a CSS solution that successfully adjusted the current price font size by adding code to the main.css file.
Current status:
Dear,
I would like to change the color of the price and compare price on the product page.
&
Swap the position of the price. This is how it is now:
How I would like to have the colors and position:
So first the old compare price, then the new discounted price.
Using the symmetry theme, Here’s a link to my product page: Product page
Could someone help me with this?
Thank you for your time!
Hi @Rickyxane
You can try to follow this step
Step 1: Go to Edit code
Step 2: Find file main.css and add this code at the end of the file
span.price__current {
font-size: 25px !important;
}
Result
Best,
Daisy
Thank you @DaisyVo for this working solution! And could you help me reduce the size of the variant pickers?
Would like to reduce the size.
Thank you!
