Docs

[fransboumans]

Hi there,

I’ve been searching on the forums for a while now, but I can’t seem to find a solution that works for me.

I want to show social icons on each portfolio item, but I can’t change the colors on these items individual. So far I only seem to get the email button to work.

.x-entry-share .x-share.email:hover {
  color: #fff;
  background-color: #666;
  border-radius: 0.2em;
}

If I change .email to .facebook or .twitter, nothing happens. What am I missing here?

[Rahul]

Hey There,

Thanks for writing in!

To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

[fransboumans]

This reply has been marked as private.

[Rue Nel]

Hello There,

Thanks for providing the information. The code is only good for the email icon.

.x-entry-share .x-share.email:hover {
  color: #fff;
  background-color: #666;
  border-radius: 0.2em;
}

And if you want other icons, you may use this code:

.x-entry-share .x-share[data-original-title="Share on Facebook"]:hover {
    color: white;
  background-color: red;
  border-radius: 0.2em;
}

.x-entry-share .x-share[data-original-title="Share on Twitter"]:hover {
    color: white;
  background-color: red;
  border-radius: 0.2em;
}

.x-entry-share .x-share[data-original-title="Share on Google+"]:hover {
    color: white;
  background-color: red;
  border-radius: 0.2em;
}

.x-entry-share .x-share[data-original-title="Share on LinkedIn"]:hover {
    color: white;
  background-color: red;
  border-radius: 0.2em;
}

.x-entry-share .x-share[data-original-title="Share on Pinterest"]:hover {
    color: white;
  background-color: red;
  border-radius: 0.2em;
}

.x-entry-share .x-share[data-original-title="Share on Reddit"]:hover {
    color: white;
  background-color: red;
  border-radius: 0.2em;
}

We would loved to know if this has work for you. Thank you.

[fransboumans]

That’s what I was looking for and it works, thank!

[Christopher]

You’re welcome.

[Author]

Posts