Make icons larger in icon bar (shrine theme)

Solved

Make icons larger in icon bar (shrine theme)

nickkosty1
Visitor
1 0 1

I was trying to figure out how to make my icons larger but was not able to figure it out.

nickkosty1_0-1727893169351.png

https://rawlyfe.co/

Accepted Solution (1)

Rahul_dhiman
Shopify Partner
536 109 109

This is an accepted solution.

Hello @nickkosty1 

Go to online store ---------> themes --------------> actions ------> edit code------->assets-----> section-multicolumn.css
search this code.

.icon-bar-card__icon {
--small-icon-size: 3rem;
--medium-icon-size: 5rem;
--large-icon-size: 7rem;
}


and replace with this code.

.icon-bar-card__icon {
--small-icon-size: 3rem;
--medium-icon-size: 5rem;
--large-icon-size: 11rem;
}

 result
18.png

If this was helpful, hit the like button and accept the solution.
Thanks

Was I helpful?

Buy me a coffee



Want to modify or custom changes or bug fix on store . Or Need help with your store? Or -Want Complete Storefront
Email me -rahul@prowebcoder.com - Skype: live:dhiman.639
Checkout Some Free Sections Here
Mobile:- +91 62390-46167

View solution in original post

Replies 3 (3)

Moeed
Shopify Partner
5323 1437 1723

Hey @nickkosty1 

 

Your website is password protected, can you share the password as well?

 

Best Regards,

Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Custom Design | Advanced Coding | Store Modifications


Made4uo-Ribe
Shopify Partner
8172 1966 2403

Hi @nickkosty1 

password protected. 

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.
Need THEME UPDATES but has custom codes? No worries, contact us for affordable price.

Rahul_dhiman
Shopify Partner
536 109 109

This is an accepted solution.

Hello @nickkosty1 

Go to online store ---------> themes --------------> actions ------> edit code------->assets-----> section-multicolumn.css
search this code.

.icon-bar-card__icon {
--small-icon-size: 3rem;
--medium-icon-size: 5rem;
--large-icon-size: 7rem;
}


and replace with this code.

.icon-bar-card__icon {
--small-icon-size: 3rem;
--medium-icon-size: 5rem;
--large-icon-size: 11rem;
}

 result
18.png

If this was helpful, hit the like button and accept the solution.
Thanks

Was I helpful?

Buy me a coffee



Want to modify or custom changes or bug fix on store . Or Need help with your store? Or -Want Complete Storefront
Email me -rahul@prowebcoder.com - Skype: live:dhiman.639
Checkout Some Free Sections Here
Mobile:- +91 62390-46167