Change Price size only one SHOP ALL page

snk729 · ‎05-20-2025

hey - looking to change the font size of PRICE on my SHOP ALL page, its looking a bit too big -
url:
https://mahru.in/collections/all-products
password:
mahru@123

BiDeal-Discount · ‎05-20-2025

Hi @snk729

let add this Custom CSS to your Theme Settings configure:

.collection .grid__item .price .price-item {
  font-size: 14px;
}

the result:

- Helpful? Like & Accept solution! ☕ Coffee tips fuel my dedication.
- BiDeal Bundle Volume Discounts: Upsell with discount bundles, quantity breaks, volume discounts & mix-and-match bundles. AOV+ with free gifts, free shipping & progressive cart
- Contact me via WhatsApp

View solution in original post

Dan-From-Ryviu · ‎05-20-2025

Please add this code to theme.liquid file, after <head> in Online store > Themes > Edit code.

Replace 20px in my code with value fit your require.

{% if collection.id == 317187293373 %}
<style>
.grid__item .price__regular .price-item--regular { font-size: 20px; }
</style>
{% endif %}

- Helpful? Like & Accept solution! - Support me? Buy me a coffee
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

BiDeal-Discount · ‎05-20-2025

Hi @snk729

let add this Custom CSS to your Theme Settings configure:

.collection .grid__item .price .price-item {
  font-size: 14px;
}

the result:

- Helpful? Like & Accept solution! ☕ Coffee tips fuel my dedication.
- BiDeal Bundle Volume Discounts: Upsell with discount bundles, quantity breaks, volume discounts & mix-and-match bundles. AOV+ with free gifts, free shipping & progressive cart
- Contact me via WhatsApp

snk729 · ‎05-21-2025

Thank you all - managed to change the font size with this code :

.collection .grid__item .price .price-item {
font-size: 14px;
}

Kyle_liu · ‎05-20-2025

Hi @snk729

In the base.css file, add the following code

.price__regular .price-item--regular {
    font-size: 14px;
}

If this is helpful, please Like and Accept the solution.
Want to modify or custom changes on store? Let me help.
- Feel free to contact me Email Me Buy Me A Coffee

Change Price size only one SHOP ALL page

Change Price size only one SHOP ALL page

Community Blog Articles