Solved

change price size for featured collection ONLY

JADIS
Explorer
169 1 19

Good morning,


I would like to change the size of prices ONLY for featured collections to 12px. And I would like us not to see the base price (before the promo) in the featured collections sections ONLY.

 

Do you know how to do it please?

 

Theme: Dawn
Website: jadis-shop.com
password:rj


thanks in advance
​Rechercher des détails

Accepted Solutions (3)

ZestardTech
Shopify Expert
5438 978 1304

This is an accepted solution.

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:

 

.collection .price-item.price-item--regular {
font-size: 12px;
}
.collection .price__sale {
font-size: 12px;
}

 

ZestardTech_0-1696418208087.png

 

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing

View solution in original post

syedsumaimaly
Trailblazer
147 16 21

This is an accepted solution.

Hi @JADIS 

Follow these Steps:

Go to Online Store  Edit Code Find theme.liquid file or base.css

Add the following code in the bottom of the file above </body

 

.collection.section-template--19833655886153__featured_collection-padding.collection--full-width .price {
    font-size: 12px;
}

 

RESULT:

syedsumaimaly_0-1696418469720.png

If I managed to help you then, don't forget to Like it and Mark it as Solutions.

 

View solution in original post

websensepro
Shopify Partner
1040 144 149

This is an accepted solution.

Hi, @JADIS.

 

Follow These Steps.

Goto Online store > Assets > Edit code > find Base.css File and paste the code mentioned below.

 

.collection.section-template--19833655886153__featured_collection-padding.collection--full-width .price__regular {
    font-size: 12px;
}

.collection.section-template--19833655886153__featured_collection-padding.collection--full-width .price__sale {
    font-size: 12px;
}

 

Result:

websensepro_0-1696418806533.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Need a Shopify developer?
Hire us at WebSensePro
For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
Subscribe to our youtube channel or buy us a Cofee here

View solution in original post

Replies 4 (4)

syedsumaimaly
Trailblazer
147 16 21

@JADIS can you share screenshot?

 

ZestardTech
Shopify Expert
5438 978 1304

This is an accepted solution.

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:

 

.collection .price-item.price-item--regular {
font-size: 12px;
}
.collection .price__sale {
font-size: 12px;
}

 

ZestardTech_0-1696418208087.png

 

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing

syedsumaimaly
Trailblazer
147 16 21

This is an accepted solution.

Hi @JADIS 

Follow these Steps:

Go to Online Store  Edit Code Find theme.liquid file or base.css

Add the following code in the bottom of the file above </body

 

.collection.section-template--19833655886153__featured_collection-padding.collection--full-width .price {
    font-size: 12px;
}

 

RESULT:

syedsumaimaly_0-1696418469720.png

If I managed to help you then, don't forget to Like it and Mark it as Solutions.

 

websensepro
Shopify Partner
1040 144 149

This is an accepted solution.

Hi, @JADIS.

 

Follow These Steps.

Goto Online store > Assets > Edit code > find Base.css File and paste the code mentioned below.

 

.collection.section-template--19833655886153__featured_collection-padding.collection--full-width .price__regular {
    font-size: 12px;
}

.collection.section-template--19833655886153__featured_collection-padding.collection--full-width .price__sale {
    font-size: 12px;
}

 

Result:

websensepro_0-1696418806533.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Need a Shopify developer?
Hire us at WebSensePro
For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
Subscribe to our youtube channel or buy us a Cofee here