increasing the social media icon sizes in footer- dawn theme 15.1.0

Solved

increasing the social media icon sizes in footer- dawn theme 15.1.0

momsabhiruchi
Shopify Partner
64 1 8

hi everyone, can anyone help me with - how to increase the social media icon size in the footer section. 

i am using Dawn theme 15.1.0 version.

looking forward to the solution

thank you

Accepted Solution (1)

GTLOfficial
Shopify Partner
828 171 187

This is an accepted solution.

Hello @momsabhiruchi 
Go to online store ----> themes ----> actions ----> edit code ---->base.css
add this code at the end of the file and save.

.svg-wrapper {
width: 38px !important;
height: 20px !important;
}
.list-social__item .icon {
height: 4.2rem !important;
width: 4.2rem !important;
}

result
18.png

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

- Buy me a Pizza
- If helpful then please Like and Accept Solution.
- Want to modify or custom changes or bug fix on the store Hire me. GTL web solutions
- Want Complete Storefront: Send an email ⇨- Email: info@gtlofficial.com - Skype: ritesh_27dh

View solution in original post

Replies 3 (3)

Dan-From-Ryviu
Shopify Partner
11537 2258 2441

Hi @momsabhiruchi 

You can add this code to Custom CSS in Online Store > Themes > Customize > Theme settings 

html .list-social__item .icon {
    height: 3.2rem;
    width: 3.2rem;
}

- Helpful? Like & Accept solution! - Support me? Buy me a coffee
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...
Sign up now.

GTLOfficial
Shopify Partner
828 171 187

This is an accepted solution.

Hello @momsabhiruchi 
Go to online store ----> themes ----> actions ----> edit code ---->base.css
add this code at the end of the file and save.

.svg-wrapper {
width: 38px !important;
height: 20px !important;
}
.list-social__item .icon {
height: 4.2rem !important;
width: 4.2rem !important;
}

result
18.png

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

- Buy me a Pizza
- If helpful then please Like and Accept Solution.
- Want to modify or custom changes or bug fix on the store Hire me. GTL web solutions
- Want Complete Storefront: Send an email ⇨- Email: info@gtlofficial.com - Skype: ritesh_27dh
momsabhiruchi
Shopify Partner
64 1 8

@GTLOfficial  Thank you so much..it worked perfectly. can u also please guide me how to add heading to it - as "follow Us"