How to make bigger the prices in any page in impulse theme?

[VisarK]

Hello everyone i hope all are good,i wanted the prices on homepage,product page in any page and the price with hyphen in between to be another color like more grey

[TheScriptFlow]

Hey,
Could you please share your store URL and password (If applicable) so that I take a look and provide you solution code.

Thanks

[VisarK]

Hello @TheScriptFlow okay

https://pawshubs.com/

[TheScriptFlow]

Please share the color code for the pricing.

[VisarK]

The price hyphen in between you can suggest if you want whatever color looks good to change,price is good black

[CedarJovan]

You can adjust the price size and color in the theme editor under Online Store > Themes > Customize, but for more control, you’ll need to tweak the theme settings.

If the theme settings don’t allow it, you can add custom CSS. Go to Online Store > Themes > Edit Code, then open the base.css or theme.css file and add this at the bottom:

.price {
font-size: 1.5rem; /* Adjust size /
color: black; / Change this to your preferred color */
}

.price–compare {
color: grey; /* Adjust color for hyphenated price */
}

After adding, save and check your store. Let me know if you need help tweaking it!

[TheScriptFlow]

Please paste this code in the end of theme.scss.css file.

.grid-product__price--original {
    color: #000000a1 !important;
}

Results:

You can change the color from the hexa code that you like. But I suggest you color that suit for compare at price.

If you need more help let me know.

Thanks

[VisarK]

Thanks a lot it works,how about the prices to be bigger in both devices mobile and desktop,are small

[TheScriptFlow]

Use this code to increase the font size. Paste this code in the same theme.scss.css file.

span.bacurr-money {
    font-size: 15px !important;
}

You can increase the font-size based on your need.

Result:

[VisarK]

In desktop on collection pages are small the same and product pages also,in mobile just in product page are small