Complementary Products Price Font Size

Solved
Tarasm
Shopify Partner
20 0 10

Is this possible to change the price font size of the Complementary Products? Similar to the Related products below the product.Complementary list.jpg

Accepted Solution (1)
ZestardTech
Shopify Expert
5300 950 1260

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:

span.price-item.price-item--regular {
font-size: 1.2rem!important;
}

ZestardTech_0-1690444310156.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

Replies 22 (22)
vinods
Shopify Partner
846 15 93

yes keep the same font size and font type in css of complimentary products 

Vinod Sachdev
Digital Centrics
Digital Marketing Manager
Google & Bing Ads | Website Design & Development | Conversion Rate Optimization
ZestardTech
Shopify Expert
5300 950 1260

Hello @Tarasm 

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

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
Tarasm
Shopify Partner
20 0 10

.

 

Tarasm
Shopify Partner
20 0 10

Sorry, wrong link. 

 

ZestardTech
Shopify Expert
5300 950 1260

Hello @Tarasm 

Please share me store url not a backend url.

 

 

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
Tarasm
Shopify Partner
20 0 10
ZestardTech
Shopify Expert
5300 950 1260

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:

span.price-item.price-item--regular {
font-size: 1.2rem!important;
}

ZestardTech_0-1690444310156.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
vinods
Shopify Partner
846 15 93

@Tarasm 
try not to share ur store pwd openly or change the pwd after the task is done. the other person is working on your store not me

Vinod Sachdev
Digital Centrics
Digital Marketing Manager
Google & Bing Ads | Website Design & Development | Conversion Rate Optimization
Tarasm
Shopify Partner
20 0 10

I'll remove it

vinods
Shopify Partner
846 15 93

ok great
what is ur website url ?

Vinod Sachdev
Digital Centrics
Digital Marketing Manager
Google & Bing Ads | Website Design & Development | Conversion Rate Optimization
Tarasm
Shopify Partner
20 0 10

https://claykyiv.myshopify.com/

I managed to change the price size of the products in CSS, but not in the Complementary products

vinods
Shopify Partner
846 15 93

@Tarasm

What is the front end password of the store

 

vinods_0-1690443468471.png

 

Vinod Sachdev
Digital Centrics
Digital Marketing Manager
Google & Bing Ads | Website Design & Development | Conversion Rate Optimization
Tarasm
Shopify Partner
20 0 10

towhee

vinods
Shopify Partner
846 15 93

make the font size 1.em it is currently 1.3 em in complimentary products

vinods_0-1690444076445.png

 

Vinod Sachdev
Digital Centrics
Digital Marketing Manager
Google & Bing Ads | Website Design & Development | Conversion Rate Optimization
Tarasm
Shopify Partner
20 0 10

Can you help me where to find this in "Edit code"?

vinods
Shopify Partner
846 15 93

yes min 

Vinod Sachdev
Digital Centrics
Digital Marketing Manager
Google & Bing Ads | Website Design & Development | Conversion Rate Optimization
vinods
Shopify Partner
846 15 93

in your shopify go to 

 go to assets >> component card . css file -  line 210 

 

vinods_1-1690444734321.png

 

 

vinods_0-1690444684694.png

 

Vinod Sachdev
Digital Centrics
Digital Marketing Manager
Google & Bing Ads | Website Design & Development | Conversion Rate Optimization
Tarasm
Shopify Partner
20 0 10

No, this doesn't work(

vinods
Shopify Partner
846 15 93

is it fixed ?

Vinod Sachdev
Digital Centrics
Digital Marketing Manager
Google & Bing Ads | Website Design & Development | Conversion Rate Optimization
Tarasm
Shopify Partner
20 0 10

Works with ZestardTech solution

vinods
Shopify Partner
846 15 93

ok great

Vinod Sachdev
Digital Centrics
Digital Marketing Manager
Google & Bing Ads | Website Design & Development | Conversion Rate Optimization
ZestardTech
Shopify Expert
5300 950 1260

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.

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