social icons

Hi,
how can I make floating social icons smaller ?
I tried with this CSS but it’s not working
.wd-sticky-social .wd-social-icon {
min-width: 35px!important;
}
Can you suggest the right selector please?
Thanks

Hello,

Try to use the code below:

.wd-sticky-social .wd-icon {
    width: 33px;
}

If you have any questions, let me know.

Kind Regards

Hi Luke
thanks but the result is not good: I got the less padding on the left side but more on the right side (screenshot attached). Any other suggestion?
Thanks

Attachments:

You must be logged in to view attached files.

[Luke Nielsen]

Hello,

Remove this custom CSS – https://prnt.sc/3ewFH30jTK-I, then use the code below:

.wd-social-icons.wd-sticky-social .wd-icon {
    width: 28px;
}

.wd-social-icons.wd-sticky-social .wd-social-icon {
    min-width: 28px ;
}

Define the code in Theme Settings -> Custom CSS.

Result: https://prnt.sc/sWo4Hpr8alh8

• This reply was modified 2 years, 2 months ago by Luke Nielsen.

thanks

Hello,

You are welcome! If you do not mind, can you please leave a 5 stars rating for our theme by going here: http://themeforest.net/downloads It will allow us to release more updates and provide dedicated support in the future. It would encourage our work a lot.

Have a good day!

Kind Regards

[Author]

Posts