[strawberrybaseParticipant]

Hi,

i’ve been trying to change the opacity of the recent posts hover but the code i’d previously used stopped working (i assume as a result of an update?) and the suggestions on this forum are not working when i paste them in to the Customiser. Are you able to help at all?

http://www.sleepermagazine.com

Thanks

[RupokMember]

Hi there,

Thanks for writing in! I can’t see your custom code but here is the default code :

.x-recent-posts a:hover .has-post-thumbnail .x-recent-posts-img::after {
  opacity: 0.85;
}

So you can modify the value and add this under Custom > CSS in the Customizer.

Hope this helps.

Cheers!

[strawberrybaseParticipant]

Hi.

Unfortunately that’s not worked?

Strawberrybase

[ZeshanMember]

Hi there,

Thanks for writing back!

The code is working but it’s the same level of opacity as by default. Please try this CSS code instead:

.x-recent-posts a:hover .has-post-thumbnail .x-recent-posts-img:after {
  opacity: 0.50;
}

You can adjust the opacity level by changing 0.50 from the code from 0 to 1 where 0 is transparent and 1 is opaque.

Thank you!

[Author]

Posts