-
Posts
-
http://shopping.maximfactory.com/store-listing/
The light box function is not working for the pictures. Any suggestions? Thanks!
These are the current changes I have made, I did remove all of them and then tried to see if the lightbox feature would work and it didn’t.
.image-overlay { display: none !important; }
.js_active .grid-image {
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
}
.js_active .grid-image:hover {
filter: grayscale(0%);
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-o-filter: grayscale(0%);
filter: grayscale(0%);
}
.grid-entry .inner-entry { margin-right: 0; box-shadow: none; }@media only screen and (min-width: 768px) {
div#js_sort_items {
width: 90%;
margin: auto;
}}#top .isotope-item {
padding-right: 10px;
padding-bottom: 10px;
}div#header_meta [data-av_icon]:before, div#header_meta .phone-info {
font-size: 18px !important;
}.your-custom-class.avia_textblock { background-color: rgba(0,0,0,0.6); padding: 10px; }
I forgot to mention that the Lightbox Modal Window box is checked in theme options.
I have version 2.9.1, I think the update caused this issue. I am using an older version on another website and the lightbox feature works fine.
Any help would be greatly appreciated!!
Thanks.
Hi Micheal,
Open js/avia.js and look for line 801:
autolinkElements: 'a[rel^="prettyPhoto"], a[rel^="lightbox"], a[href$=jpg], a[href$=png], a[href$=gif], a[href$=jpeg], a[href*=".jpg?"], a[href*=".png?"], a[href*=".gif?"], a[href*=".jpeg?"], a[href$=".mov"] , a[href$=".swf"] , a:regex(href, .vimeo\.com/[0-9]) , a[href*="youtube.com/watch"] , a[href*="screenr.com"]',Replace it by this:
autolinkElements: 'a[rel^="prettyPhoto"], a[rel^="lightbox"], a[href$=jpg], a[href$=png], a[href$=gif], a[href$=jpeg], a[href*=".jpg?"], a[href*=".png?"], a[href*=".gif?"], a[href*=".jpeg?"], a[href$=".mov"] , a[href$=".swf"] , a:regex(href, .vimeo\.com/[0-9]) , a[href*="youtube.com/watch"] , a[href*="screenr.com"], a[href*="iframe=true"]',Regards,
JosueHi!
You can edit avia.js file using this plugin – https://wordpress.org/plugins/solid-code-theme-editor/
If you do not want to use a plugin, you are going to need to use FileZillaRegards,
YigitThis is my actual line 801:
autolinkElements: ‘a[rel^=”prettyPhoto”], a[rel^=”lightbox”], a[href$=jpg], a[href$=png], a[href$=gif], a[href$=jpeg], a[href$=”.mov”] , a[href$=”.swf”] , a:regex(href, .vimeo\.com/[0-9]) , a[href*=”youtube.com/watch”] , a[href*=”screenr.com”]’,The suggested replacement is:
autolinkElements: ‘a[rel^=”prettyPhoto”], a[rel^=”lightbox”], a[href$=jpg], a[href$=png], a[href$=gif], a[href$=jpeg], a[href*=”.jpg?”], a[href*=”.png?”], a[href*=”.gif?”], a[href*=”.jpeg?”], a[href$=”.mov”] , a[href$=”.swf”] , a:regex(href, .vimeo\.com/[0-9]) , a[href*=”youtube.com/watch”] , a[href*=”screenr.com”], a[href*=”iframe=true”]’,My concern is that the note above shows line 801 being different from what my actual line 801 is. Is this a problem or should I use the suggested line?
Thanks.
Hey!
I didn’t test Josues code but it should add iframes support to the lightbox. You can make a backup of the avia.js file if you want to be on the safe side.
Cheers!
PeterSounds good, if it doesn’t work it won’t crash the site will it?
Just wondering if I will have to use FileZilla to replace it if something goes wrong or is a simple fix of putting the original back in and save.
Thanks.
I have the same problem than Micheal. Lightbox just won’t open up even though activated in the shortcode and theme setting. I also did the code replacement – unfortunately to no avail.
Here is the page http://www-neu.intelliad.de/jobs/
Any other suggestions ?
Many thanks, Chris.
Hey!
The mod has not being applied:
http://shopping.maximfactory.com/wp-content/themes/enfold/js/avia.js
@dc_media, the link you posted is returning a 404 error page.Regards,
JosueHey Josue,
thats probably because you are using english as your browser language. The language switch directs you to the english version of the page which is not there yet. Please just edited the url manually back to .de instead of .com
Cheers, Chris.
Okay, strange. It is working now.
The only thing I did differently.
The first time is copied and pasted:
autolinkElements: ‘a[rel^=”prettyPhoto”], a[rel^=”lightbox”], a[href$=jpg], a[href$=png], a[href$=gif], a[href$=jpeg], a[href*=”.jpg?”], a[href*=”.png?”], a[href*=”.gif?”], a[href*=”.jpeg?”], a[href$=”.mov”] , a[href$=”.swf”] , a:regex(href, .vimeo\.com/[0-9]) , a[href*=”youtube.com/watch”] , a[href*=”screenr.com”], a[href*=”iframe=true”]’,This time I copied and pasted:
‘a[rel^=”prettyPhoto”], a[rel^=”lightbox”], a[href$=jpg], a[href$=png], a[href$=gif], a[href$=jpeg], a[href*=”.jpg?”], a[href*=”.png?”], a[href*=”.gif?”], a[href*=”.jpeg?”], a[href$=”.mov”] , a[href$=”.swf”] , a:regex(href, .vimeo\.com/[0-9]) , a[href*=”youtube.com/watch”] , a[href*=”screenr.com”], a[href*=”iframe=true”]’,It is working now, thanks for the help.
Hello Chris,
I could see the website now. Please try disabling all third-party plugins to discard if the root of the problem is a plugin conflict.
Glad it works now @Micheal0424.
Regards,
JosueThe code in the anchor of the enfold demo masonry gallery is different to the one on my page. Most notably “lightbox-added” is missing in the class. Any thoughts on that ?
Yes, that appears to be the problem. Can you please create me an administrator account? post it here as a private reply.
Regards,
JosueAny news on this ? Would be very nice to have a solution until friday since we’ll have a meeting with the customer that day.
Cheers. Chris.
Hi Chris!
I could not some missing parts in this file:
http://www-neu.intelliad.de/wp-content/themes/enfold/js/avia.jsI’d suggest re-installing the Enfold parent theme using a fresh copy from Themeforest.
Regards,
JosueI am having the same issue as well – none of the galleries on my site are acting properly with no light box popping up. Will there be an update to fix this?
Hey Matt,
Did you use the code above like I did the second time?
Go to line 801 and leave the autolinkElements: alone, replace the part after that with what I pasted below.
autolinkElements:‘a[rel^=”prettyPhoto”], a[rel^=”lightbox”], a[href$=jpg], a[href$=png], a[href$=gif], a[href$=jpeg], a[href*=”.jpg?”], a[href*=”.png?”], a[href*=”.gif?”], a[href*=”.jpeg?”], a[href$=”.mov”] , a[href$=”.swf”] , a:regex(href, .vimeo\.com/[0-9]) , a[href*=”youtube.com/watch”] , a[href*=”screenr.com”], a[href*=”iframe=true”]‘,
Josue provided the code I used, his information has always worked for me.
Let me know if that worked for you, best of luck.
Micheal0424
- The topic ‘Lightbox not working for pictures?’ is closed to new replies.