Reduce price font size and decrease gap between product name and price - dawn

[drew23]

Hey,

1. does anyone know how reduce the space between the product name and price?

2. change the font size of the price

3. move the € symbol from the left end to right end of the price

my shop: brokenmind.com
pw: test1

thanks in advance

[PageFly-Victor]

Hi @drew23

You can try this code by following these steps:

Go to Online store => themes => actions => edit code and add this code on file theme.liquid before tag

And you can change it in the format price

Hope this answer helps.

Best regards,

Victor | PageFly

[drew23]

Hey thanks for the fast answer!

the format price tip worked, however changing the font size and gap doesnt work

[drew23]

dawn 6.0.2

[Made4uo-Ribe]

Hi @drew23 ,

I understand that you want.

1. does anyone know how reduce the space between the product name and price?

2. change the font size of the price.

you can try this one.

1. From your Admin page, go to Online store > Themes > click the three dots > Edit code

2. Find the Asset folder, and open the theme.css/base.css file

3. Add the code below at the very end of the file.

.card-information>*:not(.visually-hidden:first-child)+*:not(.rating) {
    margin-top: 0;
    font-size: 1.5rem;
}

The result is like this. I hope it helps.

[drew23]

Hey, the font size worked, however the margin decrease didnt work, can you maybe check why it didnt work?

[Made4uo-Ribe]

Hi @drew23 ,

Sorry for that, it would same instruction but can you add the code below. there is the .7rem margin-top so im trying to get out that one. So the gap would be remove.

.price {
    margin-top: 0 !important;
}

from this.

to this.

[drew23]

Thanks a lot!