Change the product title and price in collection page

Solved

Change the product title and price in collection page

InnoTier
Shopify Partner
9 0 1

How to change the font size of product title and product price in collection page in Dawn?

 

InnoTier_0-1726823656729.png

https://innotier.com/collections/txm99

 

Accepted Solution (1)

BSSCommerce-B2B
Shopify Partner
1718 512 575

This is an accepted solution.

@InnoTier ,

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </head> on theme.liquid and change the number of font-size you want 

 

<style>
.card__information .card__heading a {
   font-size: 16px!important; /* This is the title font size */
}
.card-information .price * {
   font-size: 16px!important; /* This is the price font size */
}
</style>

 

If it helps you, please like and mark it as the solution.

Best Regards 😊

B2B Wholesale Solution: Streamline your B2B operation with advanced features like wholesale registration forms, custom pricing.


B2B Portal, Quote, Net 30: Speed up purchasing and streamline your quotation process with advanced features like quick order, request for quote.


B2B Lock Password Protect: Easily control access to pages, products, and pricing with robust features.


BSS Commerce - Full-service eCommerce Agency I Use Shopify for 1$ in the first month now

View solution in original post

Replies 3 (3)

BSSCommerce-B2B
Shopify Partner
1718 512 575

This is an accepted solution.

@InnoTier ,

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </head> on theme.liquid and change the number of font-size you want 

 

<style>
.card__information .card__heading a {
   font-size: 16px!important; /* This is the title font size */
}
.card-information .price * {
   font-size: 16px!important; /* This is the price font size */
}
</style>

 

If it helps you, please like and mark it as the solution.

Best Regards 😊

B2B Wholesale Solution: Streamline your B2B operation with advanced features like wholesale registration forms, custom pricing.


B2B Portal, Quote, Net 30: Speed up purchasing and streamline your quotation process with advanced features like quick order, request for quote.


B2B Lock Password Protect: Easily control access to pages, products, and pricing with robust features.


BSS Commerce - Full-service eCommerce Agency I Use Shopify for 1$ in the first month now

Tech_Coding
Shopify Partner
301 76 67

Hello @InnoTier 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
  .card__heading .full-unstyled-link{
      font-size: 13px !important;
   }
   .card-information>.price{
       font-size: 13px !important;
   }
</style>

Tech_Coding_0-1726824505025.png

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.

 

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.
Shopify UI Developer
Your Coffee Tips adds a little sweetness to my day.

Arif_Shopidevs
Shopify Partner
263 36 36

Hello, 
You can do this a different way , 
1. Go to your store customize area -> theme-> edit 
2.  base.css  bottom you can insert this css.
Hope this will help you.

Thank you

.card__heading a{
font-size: 12px !important;
}
.price__container{
font-size: 12px !important;
}



Found it helpful? Please like and mark the solution that helped you.
Slider Revolution - Create sliders, theme sections, banners, videos, pages, advanced animation, and social feeds.
Essential Grid Gallery - Create photo galleries, video galleries, portfolio galleries, product gallery, collection gallery and more.
EasyDisplay: Product Showcase - Easily display collections, related products, discounts, recently viewed items, and best sellers