Hi, I need help with the Theme Be Yours. I want to make the size of the base/unit price (€/L) smaller than the product price. We sell in 30 ml containers. For the collection site where you have an overview of several Products, I was able to fix it. I couldn’t figure out how to do it on a product-sp…

small.unit-price bdi { font-size: 12px !important; }

Hi Boki, Thanks for the quick reply. in which CSS file do I need to do it? The code I currently have in the component-price.css is the following: .unit-price { margin-top: 0.6rem; color: rgba(var(--color-foreground), 0.7); font-size: calc(var(--font-heading-scale) * 1.3rem); display: inlin…

Try to add it to end of this file if is not working try to find general CSS file and add it there

Thanks for the suggestion, but unfortunately it only seems to have an effect on the collections site.

[Screenshot 2024-09-04 at 23.51.34.png] [Screenshot 2024-09-04 at 23.51.05.png] [Screenshot 2024-09-04 at 23.50.35.png]

How can I make the base price smaller on product site (Theme Be Yours)?

Retired Boards Appdev Merchandising

FABIAN2 September 4, 2024, 9:32pm 9

do you have any suggestion which css it might be?

Topic		Replies	Views
Change Font Size Basic Price Debutify Theme Store Design css , third-party-themes	10	55	August 21, 2024
Making the price smaller on product page Store Design css , product-page	4	36	September 27, 2024
Changing the size of price displayed on Product page Store Design product-page	2	29	July 28, 2023
Change font size of price on home page (Dawn theme) Store Design	9	115	June 17, 2023
How can I make all prices smaller? Dawn Theme Store Design	3	69	April 28, 2022

How can I make the base price smaller on product site (Theme Be Yours)?

Related topics