Supply Theme Product Price on Home Page

New Member
2 0 2

Hi! I love the Supply theme, but my product prices are much bigger than my product titles. I have figured out how to change the price size on the product page, but I cannot find where in the code I can change the price size that shows on the home page in the collections. Would love any help!

 

 

Thanks,

Isla

1 Like
Tourist
3 0 1

Hello,

 

I'm unsure if this will work on yours but it did on mine.

First, it's always good to back up your theme in case something odd happens.

 

Look for the section in your theme.scss.liquid that says ".product-item-price".

You should find this section: 

  small {
    white-space: nowrap;
  }

Change it to this. 

  small {
    white-space: nowrap;
    font-size: 30px;
  }

Change 30 to whatever size you want your text to be. I'm a little extra so when testing to make sure I have the right element, I change it to something ridiculous like 200 just to be sure. I suggest also adding a note in the code if you ever forget what changes you made.

////CHANGED PRODUCT PRICE SIZE - 11/12/2019
----------
I'm an employee of a site that uses Shopify. My comments are not a reflection of a suggestion from or the opinion of the company I work for, but my own opinion.
1 Like
Highlighted
New Member
2 0 2

Thank you! This combined with another post from a couple years ago was just what I needed!

1 Like