Hey,
I recently added the “Product Related” section so people can see which products go well with the one they are looking at. But I would like to reduce the font size of the price of those recommended products. But by doing it with CSS code, the size of the price of the original product is also reduced.
Is there a way to reduce ONLY the size of the price of related products?
Website: https://www.vitalwellness.com.co/products/serum-aruna
@stephaniagg - please add this css to the very end of your theme.css file and check
.product-related .product-related-item__price .product-price--original{font-size:14px}
Hi @stephaniagg ,
Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code
Step 2: Search file base.css, theme.css, styles.css, custom.css or theme.scss.liquid
Step 3: Insert the below code at the bottom of the file → Save
.product-related-item__price .product-price--original {
font-size: 16px !important;
}
Hope this can help you,
If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 
OMG, this worked perfectly!!! Thank you so much!!
I have another request! Is there a way I can move the product related button below the price?
@stephaniagg - it can be made like first button, will it be ok?
Thank you so much for your help! I’m going to leave it as it’s now!! I prefer to keep the button next to than below the image! It would be ideal if the button could be below the price.
@stephaniagg - that is bit difficult with css, it will need some code editing to get button exactly below price
