Craft theme - change font size for the price (product page) and the title for default collection

Store Design
1

Hi there,

I’m using the “Craft” theme and I would need your help to make the following changes:

  • Decrease the font size for the title (highlighted in yellow in the picture) in the product page only

  • Decrease the font size for the price in the default collection (only) displayed in the home page (as highlighted in blue the second picture)

Thank you !

Title product page.jpg
Title product page.jpg1281×540 69.3 KB

Collection price.jpg
Collection price.jpg846×463 46.2 KB

1 Like
2

Hey @myriambenn
Kindly share your Store URL and Password if enabled

3 
@media only screen and (min-width: 750px){
.product__info-wrapper .product__title h1{
font-size:26px;
}
.price{
font-size:1.3rem;
}
}

put this in your component-price.css

4

Hello There,

Please share your store URL and password.
So that I will check and let you know the exact solution here.

5

Hello @myriambenn

You can try this code: it will be helpful to you

Go to the Online Store->Theme->Edit code->Assets->base.css>Add this code at the bottom.

.product__info-wrapper h1.product__title {
    font-size: 3rem !important;
}

If this is not worked for you,Please provide your store URL and, if it is password protected, please share the password so I can review it and provide a solution.

6

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset > base.css and paste this at the bottom of the file:
.card-information .price {
font-size: 15px;
}
.product__title h1 {
font-size: 25px;
}

Copy

ZestardTech_0-1686045999702.png
ZestardTech_0-1686045999702.png400×125 44.7 KB

ZestardTech_1-1686045999813.png

3 Likes
7

Thank you for your response. It’s good to know that it’s worked for you. Kindly feel free to get back to me if you need any further assistance.
If helpful then please Like and Accept Solution.

1 Like