How to make the footer social icons bigger?

How to make the footer social icons bigger?

dilaraucar
Tourist
12 0 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!🙏🏻

Replies 2 (2)
dilaraucar
Tourist
12 0 1

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?
dilaraucar
Tourist
12 0 1

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.