June 23, 2013 at 7:40 pm #25250
We have just purchased enfold theme. in the demo there is a nice effect for blog preview photos with mouse hover, how do we enable it? thanx!June 24, 2013 at 3:49 am #126240
Are you talking about the hover with circle on the center? It is pre enabled. Can you give us a link to your site?
IsmaelJune 24, 2013 at 6:53 pm #126241
Yes, please register an account at:
and i will make you admin, this way you can view the site while it’s in maintenance mode.
just let me know the user name you have created. my contact is (Email address hidden if logged out)
Thanks!June 25, 2013 at 2:47 am #126242
Hi, we are now online and you can see the problem at:June 25, 2013 at 8:11 pm #126243
If you are talking about this effect http://www.clipular.com/c?8229003=E5ks9LxqEVyOSLH_2dmTLG43TFg&f=.png
then you will need to create a page and add to it the blog advanced element, and configure inside to show the blog as a multi-author blog, since that is the only setting that creates the circles using the disqus icons. http://www.clipular.com/c?8240002=KdwUAJ3SoUBhVLLtcnhDbACzJQo&f=.png
I registered as _spamSauce
NickJune 25, 2013 at 9:28 pm #126244
Hi, I am actually talking about this effect:
when mouse hover over a preview image in the blog, the image becomes faded and has a circle with a right arrow in the middle.June 25, 2013 at 11:28 pm #126245
So your question is how do you enable that? That is an effect that I think is automatic with the theme. So if you add an image element to a page and link it somewhere, the image, that effect will be attached to that image on its own. Images in advanced layout elements such as portfolios, gallerys, sliders, thumbnails… they all have this functionality attached automatically. It is CSS manipulated by jquery basically. looks like this
<a href="http://kriesi.at/" data-rel="grid-1" class="grid-image" style="height: auto; opacity: 1; position: relative; overflow: hidden;">
<img width="495" height="400" src="http://kriesi.at/dash_glass2-495x400.jpg" class="attachment-portfolio wp-post-image">
<span class="image-overlay overlay-type-extern" style="opacity: 0.7; left: 0px; top: 0px; display: block; height: 276px; width: 342px;">
Was there something specific you wanted to use it for that you couldn’t?
NickJune 26, 2013 at 12:13 am #126246
You say it’s automatic, but if you visit my blog you’ll see it’s not there…
in the demo when i click blog i see the effect, when i set up my blog the same way as the demo i don’t get that effet :(June 26, 2013 at 11:44 am #126247
That’s because you setup a W3TC cache plugin and most likely improperly configured it for CDN, since i see your images are being pulled off a cdn mapped to a subdomain , but none of the images are coming through, which makes me believe that you set it up wrong. If you turn off that plugin , all the images will return. Just clear the cache after disabling it, and any other CDN / Cache plugin you are using and images will be back, that I guarantee.
I think I know where your error is coming from, you probably setup the DNS records wrong, I set that plugin up too many times not to know where the bottlenecks and learning curves break things.
NickJune 26, 2013 at 6:36 pm #126248
Thanks for the reply. i just turned on caching last night… the CDN linker was on, but i am using AWS and followed their instructions with setting up DNS zones.
I am using CDN Linker as a plugin, but i set it to ignore the theme folder completely. and also i set it to ignore php, css, js files. any other suggestions?June 26, 2013 at 7:37 pm #126249
OK so, I tried turning off CDN Linker completely and cleared the cache with no benefit :( also viewing as logged in user as i am already not seeing the cached website but the live one… i see now that no images are being served from the CDN and still the effect is gone. what else could be the problem?June 27, 2013 at 4:58 am #126250
Can you possibly disable the plugin completely? Remove browser cache then reload the page. See if the hover effect is working.
I don’t see the html code for overlay effect below the blog post image.
<span class="image-overlay overlay-type-extern" style="opacity: 0; left: 0px; top: 0px; display: block; height: 276px; width: 342px;"><span class="image-overlay-inside"></span></span>
IsmaelJune 27, 2013 at 5:01 am #126251
The CDN linker is deactivated. the cache plugin is working but the problem was there before i enabled it. if you want, register for the site and i will make you admin. just give me the user name.June 27, 2013 at 5:29 am #126252
Now all cache and CDN plugins are completely deactivated. the code you are talking about is just not there… the effect is not there + the site is very slow and heavy nowJune 27, 2013 at 9:19 am #126253
OK, so i turned off all 62 plugins that i had and deleted all non essential ones, including all caching, preformance, and CDN related plugins. The problem was resolved!
I don’t know which plugin was causing the problem, but we were carrying a lot of junk we don’t need anymore ever since switching to the new theme. thanks for the help any way :)
MendiJune 27, 2013 at 11:03 am #126254
A cdn is not used for php files since those files must be executed by wordpress on the server. Only static content should be added to a cdn : css, js, xml, html, jpg, png, gif, .txt
Please remember that there are 2 caches. One is on your server that caches a file and serves it to new visitors. However , repeat visitors have a cache on their local computer made by the browser (as directed by the cache plugin to keep it for a month or a year). So deleting one cache doesn’t mean you are looking at the same thing as a first time visitor to your website. Both caches need to be clean.
If you really have more than 8-10 plugins, you are overdoing it, unless the plugins are not bulky. You should install this plugin with them all running and http://wordpress.org/plugins/p3-profiler/ see what chunk of load time its having + which plugins are slowing you down, you may find the most useless one hogging most of the space.
The topic ‘Mouse hover effect in blog is missing’ is closed to new replies.