How to make social media icons bigger in Trade theme?

Store Design
,
1

I’m trying to make the social media icons at the bottom of the page larger in the Trade theme. I’ve done it before in Dawn but that code isn’t working, nor are any of the other code suggestions I’ve tried from this board related to other themes. Can anyone help me related specifically to the Trade theme? Thank you!

PS It’s a development store so I don’t have a link, sorry.

2

Hi @Hughmanity

To make social icons bigger, try to edit your theme, and find assets/component-list-social.css file, replace code

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

with

.list-social__item .svg-wrapper {
    width: 40px;
    height: 40px;
}

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

and adjust both pairs. Class svg-wrapper controls the space and limits icon class size. Save file and test.

1 Like
3

That worked, thank you!

1 Like