Posts hover icon and opacity no longer showing

Support
#1

Hey,
So somehow my Recent Posts no longer have any hover effect. They used to go a little darker and show an icon in the middle. Now they have no effect at all when I hover. I tried removing all css but that didn’t help. Any idea on what could be causing this? http://pzu.a90.myftpupload.com/

Thanks
Rena

#2

Hello Rena,

Thanks for asking. :slight_smile:

I see that you are using old version of Pro Theme on http://pzu.a90.myftpupload.com/. Please see screenshot.

I would first suggest you to please update Pro Theme to the latest version 2.2.1. To update Pro Theme please take a look at following resources:

  1. Version compatibility guide: To learn about the latest and compatible versions of bundled and supported plugins, please take a look at following doc:


2. Theme Update guide: Please take a look at following article to update Pro Theme.


3. Please take a look at following doc about changelog:

https://theme.co/changelog/

_After doing the updates, always remember to clear all caches (if you are using WP Rocket, WP SuperCache or W3 Total Cache) when updating so that the code from the latest release is always in use. This will help you to avoid any potential errors.-

In case the issue is still there after updating then kindly get back to us with URL/User/Pass of your WordPress dashboard using the Secure Note functionality of the post to follow up the case.

Thanks.

#3

Ok, I have updated PRO, deactivated all plugins, except for one which has no effect… and cleared the cache. Also I took out all my css… but its still not having any effect on hover :confused:

#4

Hello Rena,

Did you somehow change the stack you were using? That design is available on Renew stack not Ethos the one you were using.
See this default recent post design for Ethos: http://demo.theme.co/ethos-1/shortcodes/recent-posts/
See this default recent post design for Renew with the overlar effect and icon on hover: http://demo.theme.co/renew-1/shortcodes/recent-posts/

Since it is CSS and if you want that on your recent post, you may add the following custom CSS:

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

Please note that it is case to case basis. Not all option/design can be added on a different stack. This situation is oko because they have the same layout and the same CSS will work.

Hope this helps.

#5

Oh my gosh, yes! haha. Felt like i was losing my mind there. I could not figure it out and I totally forgot I had switched stacks a while ago. Thank you so much.

#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.