How to hide price pricing and make the numbers larger?

Store Design
1

Hello! I’ve been pouring through old answers on this but nothing works or I’m doing something wrong. I have two issues.

  1. I want to hide the pricing of products on the collection pages, including the home page showing my featured collection. The reason is because my lowest option appears first so it looks like all my products are cheap, when in reality the prices vary greatly. I’d rather they only see the price when they click on a specific product and choose the variants.

  2. I’d like the actual price on the product page to be a bit larger. I feel like it’s hard to notice the pricing because the font size is so small.

I have the Dawn theme.

Thank you in advance for your help.

2

Hey there, @CarmenCrutcher1 . Thanks so much for reaching out to the Shopify Community with your theme questions here. I’m happy to take some time to chat with you about what you’ve brought forward here.

I took sometime to explore the ‘Dawn’ theme within my own store to see if I could make these customizations happen using the built-in customization tools for the theme. Beyond adjusting the font size for all content excluding headers, there was no way to exclusively increase the size of the pricing numbers on the product pages.

Looking into the hiding of the pricing on the collection pages/homepage, there didn’t appear to be a straight method of hiding this content, either.

However, not all is lost! Since you’re using the ‘Dawn’ theme, one of Shopify’s in-house offerings, you may be able to get some assistance from our Theme Specialists with these customizations! What I recommend you do is reach out to our Live Support Team using this link here and explain to the advisor you’re connected with what you’re looking to have done. They’ll then get in touch with a Theme Specialist to run these requests by them, to see if they can help. If they’re able to, they’ll use some of your free design time to have the customizations made, and then they’ll let you know once they’ve been completed!

I hope that you find the above information helpful. If you have any additional questions for me, feel free to reply and follow up!

3

Thank you! Actually, I literally just found the solution to the removal of prices everywhere but my product pages. Here’s the code I used under base.css under asset:

.collection .card-information .price {
display: none;
}

now just to find the sizing issue. I’m determined to figure this out!! Thank you though. ?

2 Likes
4

Howdy, @CarmenCrutcher1 ! I love how quickly you got back to me!

Great stuff on figuring out how to get that pricing hidden on the collection pages! Keep being tenacious with your hunt! Having an attitude like that will do you wonders when it comes to running your own business! Love it!

If worse comes to worse and you can’t find any coding to help making the lettering bigger, then you can certainly following the advice I posted above! Just know that we’ll always be around to help you out whenever it’s needed!

5

Thank you so much. I also just found the other answer on pricing finally. I loooove Shopify for this! Will never use another platform.

here’s the code I used under component-price

.price {
font-size: 12px !important;
}

WOOHOO!

1 Like
6

Hey again, @CarmenCrutcher1 ! So happy to hear that you managed to find the coding needed for the pricing change!

I’ve gone ahead and marked your comments with the coding as ‘solutions’, so that way if anyone else ever ones into these same situations and wants to find the coding easily, they can do so by coming to our thread here!

I’d love to hear more about your business and products! If you’re interested in sharing some of that info with me, I’d be happy to hear it!