[Resolved] Change WPSP icons and title

Please login to receive premium support.

Support for the free plugin can be found here.

Tagged: center, color, css, icon, title

This topic has 5 replies, 2 voices, and was last updated 6 years, 11 months ago by Tom.

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

Author

Posts
October 13, 2016 at 11:17 pm #878

roirobo
Participant

Hi,

Is it possible to change the colorofthe icon on hover (plus,eye,heart) via CSS?

And in that same order, can I adjust the title to the center above each image?

Thanks,

October 14, 2016 at 8:44 am #879
Tom
Keymaster
Absolutely, this should do it:
```
.wpsp-social-link, 
.wpsp-social-link:visited, 
.wpsp-li-button, 
.wpsp-li-button:visited {
    color: red;
}

.wpsp-social-link:hover, .wpsp-li-button:hover {
    color: black;
}
```
As for the title alignment, try this:
```
.wp-show-posts-entry-header {
    text-align: center;
}
```
October 14, 2016 at 9:04 am #880

roirobo
Participant

Thanks, It’s just that I can’t find that plugin CSS…

It would be great if you could add more style with the PRO version. Otherwise, is not quite a difference with the free version.

October 14, 2016 at 9:12 am #881

roirobo
Participant

Hi again,

The title alignment worked. The hover color of the icon didn’t. What I want to do is that on hover over a post grid, the heart looks on different color. Here’s the site, in case you need to see it: http://parafernalia.org

Thanks,

October 14, 2016 at 9:16 am #882

roirobo
Participant

Guess I did it with:

.wp-show-posts-image-overlay:not(.no-icon)::before {
color: red
}

October 14, 2016 at 9:26 am #884

Tom
Keymaster

Ah, sorry! I thought you meant the social icons.

More styling options are on the way 🙂
Author

Posts

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

You must be logged in to reply to this topic.