(Squarespace) How to remove hover effect on Social Icons

[tuanphan]

If you use Social Links Block, when you hover on each social icons, it will change opacity a bit. If you want to remove this hover effect, you can use this code to Custom CSS box.

a.sqs-svg-icon--wrapper {
    opacity: 1 !important;
}

If you want to do this on specific Social Links Block, you can find Block ID. #block-yui_3_17_2_1_1732587971084_11708

Then use CSS code like this.

#block-yui_3_17_2_1_1732587971084_11708 a.sqs-svg-icon--wrapper {
    opacity: 1 !important;
}