How to make the footer social icons bigger?

Shopify Discussion
,

Topic summary

Goal: Enlarge footer social media icons in the Dawn theme.

  • Initial attempt: Added CSS in base.css to set .list-social__item .icon to 50px (width/height, with !important). No visible change when increasing size.

  • Investigation: Using dev tools showed the theme default is 2.2rem. Decreasing the size applied successfully, but increasing did not. More specific selectors didn’t help, causing confusion about why upscaling failed.

  • Root cause: The svg-wrapper class had a width constraint that prevented the icons from growing beyond a certain size.

  • Resolution: Adjusted the svg-wrapper width, which allowed the social icons to scale to the preferred size. Issue resolved; no further action needed.

Summarized with AI on December 16. AI used: gpt-5.
1

Hello,

im using dawn theme and are trying to makee the social icons in footer bigger. ive tried adding this code in base.css but cannot get it to work:

.list-social__item .icon {
width: 50px !important;
height: 50px !important;
}

would appreciate any help i could get! :folded_hands:t2:

1 Like
2

Thank you for the reply!

I tried your suggestions and also looked in dev tools and the default size in theme seems to be this:

.list-social__item .icon {
height: 2.2rem;
width: 2.2rem;

}

when i try making this bigger nothing happens but when i make this smaller i can see the change. Im confused as to why it does not work. Ive also tried targeting it more specifically as you said but nothing happens.. Do you know why this is?

3

Nevermind i found a solution. I don’t know why but the svg-wrapper classes width was causing the issue. i just made the change to that and the icons are now my preferred size. Thank you.