Changing prices to bold on collection page

Store Design
1

Hi,

We’re trying to change only the prices on collection pages to bold as in the image below to make them prices stand out. We can change the full title to bold but only want the prices to be bold. Does anyone have any code that would solve this? Thanks so much.

We’re using Impulse theme:

www.theplantworkshop.co.uk

Screenshot 2022-07-07 at 09.38.33.png
Screenshot 2022-07-07 at 09.38.33.png667×1310 518 KB

1 Like
2

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset >theme.css and paste this at the bottom of the file:
.grid-product__price span.money {
font-weight: bold;
}
3

Have tried to add code to theme.css and receive a 'Unable to update the file - cannot overwrite generated asset ‘assets/theme.css’.

Any ideas?

Thanks

4

This has worked but code needed to be placed inside of ‘theme.css.liquid’

On our index page (www.theplantworkshop.co.uk) prices are bold, however check the home fragrance prices and the ‘from £XXX’ is not bold?

Could you help, please?

Thanks!

1 Like
5

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset >theme.css and paste this at the bottom of the file:
span.grid-product__price--original {
font-weight: bold;
}
.grid-product__price {
font-weight: bold;
}