Hover color change for Recent Posts

Support
#1

I am trying to customize my recent posts element. In some sections, I would like the hover color to be different than the standard hover color. Can you tell me how to make that happen?

#2

Hi there,

Thanks for writing in.

You can do this by adding a class to the recent post element then add a custom CSS to target the recent post element using the class that you have added.

For example, you added the class purple-hover to the recent post element, then add this code in the Global CSS:

.purple-hover.x-recent-posts .x-recent-posts-img:after {
    background-color: purple;
}

Please change the values accordingly.

Hope this helps.

#3

Ok, I tried that and it isn’t working:

Here is what I did:

#4

Hi there,

Please remove the space between .greenrp and .x-recent-posts.

It should be .greenrp.x-recent-posts .x-recent-posts-img:after.

Hope this helps.

#5

ah, Perfect. That worked. Thank you!

#6

You are most welcome. :slight_smile:

#7

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.