Icon size for Social Share Buttons

Tagged: icon size, social share buttons

Viewing 4 posts - 1 through 4 (of 4 total)

Author

Posts
February 10, 2017 at 1:51 am #745170

Jen
Participant

I would like to increase the size of the icons in the Social Share Buttons element to 25px. I assigned the custom CSS class “referral-social-icons” and added the following Quick CSS:

.referral-social-icons {
font-size: 30px !important;
}

but it isn’t working. I’ve included the page URL in private content.

Appreciate the help

February 10, 2017 at 3:09 am #745175
Yigit
Keymaster
Hey stanbrid!

Seems like you figured it out? :)
```
.referral-social-icons .av-share-box ul li a {
    color: #53A337;
    font-size: 25px;
}
```
Regards,
Yigit
February 10, 2017 at 3:20 am #745178

Jen
Participant

I did. Determining the correct (extended) class name is not easy. I use Firebug to find it, but it’s always a P.I.T.A.

For example, just
.referral-social-icons
wasn’t enough. It also required
.av-share-box ul li a

Any suggestions, hints, magic to doing this. I’d do a lot more custom classes and ask less questions if this were easier.

(sorry, don’t know all the lingo)

February 12, 2017 at 6:33 am #745845

Rikard
Keymaster

Hi,

There’s no magic unfortunately, you just have to find the correct classes/id’s/elements unfortunately. Glad that you got it working though, let us know if you should have any further questions or problems.

Best regards,
Rikard
Author

Posts

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.