FROM CACHE - en_header

Price on all product pages

Solved
domvemacity
Excursionist
19 0 3

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

Accepted Solution (1)

Accepted Solutions
Zworthkey
Shopify Partner
5581 642 1524

This is an accepted solution.

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.

View solution in original post

Replies 8 (8)
Zworthkey
Shopify Partner
5581 642 1524

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

domvemacity
Excursionist
19 0 3

Screenshot 2021-09-23 at 13.34.15.png

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!

Zworthkey
Shopify Partner
5581 642 1524

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.

domvemacity
Excursionist
19 0 3

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

Zworthkey
Shopify Partner
5581 642 1524

This is an accepted solution.

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.

domvemacity
Excursionist
19 0 3

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

Zworthkey
Shopify Partner
5581 642 1524

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

font-size: 28px !important;

Thank You.

domvemacity
Excursionist
19 0 3

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