Size social media icons footer Dawn

Solved
Flavourez
Tourist
3 0 1

Hi,

I tried to make the social media icons in the footer of my Dawn theme a bit bigger, but the tutorials that are available for this, only seem to work for the older themes. Is there any way to change the size of these icons?

Accepted Solution (1)

Accepted Solutions
Zworthkey
Shopify Partner
2571 309 641

This is an accepted solution.

 

.list-social__item .icon {
    height: 9.8rem !important;
    width: 3.9rem !important;
}

 

@Flavourez 
Add this code in component-list-social.css file.
Thank you

If helpful, please Like and Accept Solution.
if you Want to modify or Customize your theme ,
Hire us | Whatsapp. and we also help you to guide how to reach to your potential customers to increase brand presence, engagements and sales for your business or Want to know more. Read our Shopify Blogs.Email us: sales@zworthkey.com

PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

Replies 6 (6)
Zworthkey
Shopify Partner
2571 309 641

@Flavourez 
Hi,
Welcome to the Shopify community.
kindly Share your Store URL.

If helpful, please Like and Accept Solution.
if you Want to modify or Customize your theme ,
Hire us | Whatsapp. and we also help you to guide how to reach to your potential customers to increase brand presence, engagements and sales for your business or Want to know more. Read our Shopify Blogs.Email us: sales@zworthkey.com

PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Flavourez
Tourist
3 0 1
Zworthkey
Shopify Partner
2571 309 641

This is an accepted solution.

 

.list-social__item .icon {
    height: 9.8rem !important;
    width: 3.9rem !important;
}

 

@Flavourez 
Add this code in component-list-social.css file.
Thank you

If helpful, please Like and Accept Solution.
if you Want to modify or Customize your theme ,
Hire us | Whatsapp. and we also help you to guide how to reach to your potential customers to increase brand presence, engagements and sales for your business or Want to know more. Read our Shopify Blogs.Email us: sales@zworthkey.com

PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

Flavourez
Tourist
3 0 1

@Zworthkey

Thanks a lot, this works like a charm!

Zworthkey
Shopify Partner
2571 309 641

@Flavourez 
Welcome.

If helpful, please Like and Accept Solution.
if you Want to modify or Customize your theme ,
Hire us | Whatsapp. and we also help you to guide how to reach to your potential customers to increase brand presence, engagements and sales for your business or Want to know more. Read our Shopify Blogs.Email us: sales@zworthkey.com

PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Afairy
Tourist
4 0 0

@Zworthkey wrote:

 

 

.list-social__item .icon {
    height: 9.8rem !important;
    width: 3.9rem !important;
}

 

 

@Flavourez 
Add this code in component-list-social.css file.
Thank you


Can this work also for the header icons? (cart and search). I've tried and did not manage to!