Docs

[tlwoods]

Hello,

I need to change the styling on the social share shortcode and I’m not sure how to do it. I need to have both Facebook and Twitter, but the icons need to be larger and I need to change the colors to the official network shades of blue. I tried adding some info for the class in CSS to no avail and would like to use these icons. I tried adding them as individual icons, but unfortunately I can’t seem to make the link work to share the current URL.

Any advice?

Thanks!

URL: Reclaimnewyork.org

[Jade]

Hi there,

Please add this code in the customizer:

.x-share-options i {
    font-size: 40px;
}

.x-share-options .x-icon-twitter-square {
    color: #1da1f2;
}

.x-entry-share .x-share:hover {
    background-color: transparent;
}

a.x-share .x-icon-facebook-square {
    color: #495784;
}

Hope this helps.

[Author]

Posts