How can I shift product prices to the right and bold them on my website?

Store Design
1

How do I move the price on the product page to the right and bold out the numbers more? My URL is www.vemacity.com a code for this would be amazing! Thanks

1 Like
2

hii, @domvemacity
Can you give me a screenshot what you want so,
I can solve your issue.
Thank You.

1 Like
3

Screenshot 2021-09-23 at 13.34.15.png
Screenshot 2021-09-23 at 13.34.15.png1486×994 159 KB

I would like the price to be at the right and for the numbers to be bold. This is for all product pages. Thank you!

4

hii, @domvemacity
Paste this code on top of the theme-critical.css file.

span.money {
    float: right !important;
    font-size: 28px !important;
    font-weight: bolder !important;
}

Thank You.

5

Amazing - one last thing how can I change the font of the £ and numbers to arial font but still bold?

6

hii, @domvemacity
paste this code on top of the theme-critical.css file.

span.money {
    font-family: 'arial' !important;
    font-weight: bolder !important;
}

Thank You.

7

Fantastic thanks, I’m now having this issue with sale items coming up with no line through the was price?

Screenshot 2021-09-23 at 14.11.12.png
Screenshot 2021-09-23 at 14.11.12.png583×336 13.2 KB

8

@domvemacity
Remove this line of code in your theme-critical.css file.

font-size: 28px !important;

Thank You.

1 Like
9

It’s made the red numbers smaller which is good but anyway of adding a line through it or a was before it? Thanks!