-
Posts
-
Hi
All the images with links that should have an overlay on them don’t have the overaly load up right away. Hovering over it makes a bar load up on the top of the image and then after I hover over again, it will load properly. All the hover overlays do this.
You can see the most examples hereAs a secondary issue that is only on this page, all the image overlays on this page seem to stretch over the images by a few pixels on the left and right.
I have tried disabling the plugins and I tried removing any custom css associated to the overlays so I’m a bit of a loss.
Thank you!
Hi,
For the first issue, I didn’t experience any issues mentioned upon checking on it. But for the second issue, kindly add this code in Quick CSS (located in Enfold > General Styling):
#top .avia-image-container.avia-align-center .avia-image-container-inner { overflow: hidden; }Hope this helps :)
Best regards,
NikkoHi Nikko,
Thank you for your assistance. Able to get #2 fixed perfectly.
Regarding number one, it’s a bit tricky at first to see the issue but its very much there and can be seen in both firefox and chrome.
Here are two images.
This images show what happens when the user first hovers over an image. The blue bar at the top of the image. The thing is once the user hovers over it a second time, the issue corrects itself.
http://imgbox.com/viXp87WUThis image shows what happens when I select the SPAN in Firebug before it has a chance to correct itself.
http://imgbox.com/OVYhFf96Again, once the image has been hovered over once, it seems to work which makes troubleshooting this issue hard because I have to constantly reload the page to reset the page. At this page has 7 images to hover over for slightly easer testing.
http://pclmedia.ca/ideas/Thank you!
Hi,
Please deactivate all plugins one by one to check which one is causing this issue and let us know if this solves the problem.
In addition to that, please let us know if we are allowed to deactivate one or more of your plugins as well for testing purposes :)If that does not help, there might be some corrupted files, so please delete all theme files completely via FTP, before installing a fresh copy from your themeforest account. Here is a short tutorial on how to install the theme via FTP, in case you are not sure how that works:
Best regards,
AndyHi Andy,
I have it slightly more narrowed down now. I have a custom bit of setup where a page calls a php script via the PhpCode plugin. That is what is generating the page of squares on http://pclmedia.ca/ideas/ where the issue is present.
I tried with disabling all the plugins except for the phpcode one because I need that to generate the page. I even uploaded a fresh copy of the theme.
I am at a total loss on this now as the plugin itself doesn’t output any CSS.
The site I have listed with credentials in the first post is a development site that you can do any testing needed.
Thank you!there is definately something going on with the Top value being set to something like -212 and something when first hovered over and then gets set properly after the second hover.
Hi,
remove any custom code you’re using, deactivate your child theme and deactivate ALL plugins. Make sure you’ve deleted all theme files completely, before getting a fresh copy from your themeforest account. Clear browser cache and hard refresh a few times, and check on another computer as well.
Best regards,
AndyYes I did all that.
The only issue is I can’t delete the php plugin that is what is calling the page.
Hi,
we can’t reprocude this issue on our end and when I look through the forum, you’re pretty much the only one with this issue. So something must cause it especially in your end. We can’t do much, if we can’t reproduce the error. So I guess your php plugin might cause it.
Best regards,
AndyI have now tried a brand new website and install of Enfold and now tested with several php plugins that use short code and using a phpwidget.
They are cause the same issue so it’s not isolated to the plugin.Here is the code I’m trying to run and as you can see, there is no extra css.
<div > <div> <div > <?php $archive = new wp_Query(array( 'posts_per_page' => 1)); ?> <?php while ($archive->have_posts() ) : $archive->the_post(); ?> <a href="/contact"> <?php the_post_thumbnail(); ?></a> <?php endwhile; ?> </div> </div> </div>ok so just to show that it isn’t just plugin related, I made into a short code you can pop into your functions.php file and you will get the same results I have listed above. I think there is something going on with with the JS in the theme but I’m not sure.
function ideabox() { query_posts(array('orderby' => 'date', 'order' => 'DESC' , 'showposts' => 1)); if (have_posts()) : while (have_posts()) : the_post(); $return_string = '<a href="'.get_permalink().'">'.get_the_post_thumbnail().'</a>'; endwhile; endif; wp_reset_query(); return $return_string; } add_shortcode('ideapost', 'ideabox');You can login and look around yourself. The top image on the page is the linked image with the rollover issue.
Hi,
Add the “avia-image-container” class attribute to it.
function ideabox() { global $post; query_posts(array('orderby' => 'date', 'order' => 'DESC' , 'showposts' => 20)); if (have_posts()) : while (have_posts()) : the_post(); $return_string = '<a href="'.get_permalink().'"><span class="avia-image-container">'.get_the_post_thumbnail().'</span></a>'; endwhile; endif; wp_reset_query(); return $return_string; } add_shortcode('ideapost', 'ideabox');Best regards,
IsmaelHi,
Great! Glad it is fixed!
P.S: Please leave a review for the theme (https://themeforest.net/downloads) if you have the time. Thank you. Have a nice day!
Best regards,
Ismael
- You must be logged in to reply to this topic.