Changing Xing to Yelp in Social Icons

[powrider686]

Hi there,
On my site https://techprograms.wpengine.com/, I’d like to have Yelp as one of the social icons in the place of Xing. How could I change that?

Thank you!

[Prasant]

Hello @powrider686,

Thanks for reaching out.

Please take a look at the solution mentioned in following thread:

Yelp Icon in Social Global

Thanks.

[powrider686]

Ok great, that worked thanks!

How might I just be able to target only the Yelp Icon to have a red background on hover?

Thanks for the help!

[Prasant]

Hello @powrider686,

Thanks for reaching out.

You can use following CSS under X > Theme Options > CSS:

.yelp:hover {
    background-color: #ff0000;
}

1- I have found the proper CSS code selector using the Chrome browser Developer Toolbar: https://www.youtube.com/watch?v=wcFnnxfA70g

2- For the CSS code itself, I suggest that you get started with this tutorial: https://www.youtube.com/watch?v=yfoY53QXEnI

Thanks.