XF 2.2 How can I change share icon color but not in widget?

[beerForo]

Have a dark page bg so want to change share icons to white on the page only not in the widget (widget is white bg so want to keep as-is).

This changes both.

.shareButtons-button {
    color: white;
}

 

[Paul B]

.shareButtons-button
{
    color: orange;
}

[data-widget-definition="share_page"]
.shareButtons-button
{
    color: black;
}

 

[beerForo]

Thanks!

 

[Paul B]

You can actually target a widget three ways - the id, key, or definition.

[data-widget-id="10"]
.shareButtons-button
{
    color: black;
}

[data-widget-key="forum_overview_share_page"]
.shareButtons-button
{
    color: black;
}

[data-widget-definition="share_page"]
.shareButtons-button
{
    color: black;
}

 

[beerForo]

Ah! Cool!