Hi,
After updating to enfold 2.8.1 my portfolio pages have changed from 4 columns to 3. Also there is no option in the new avia.js file to change the image overlay opacity as i used to do to previous versions of enfold to disappear the mouse over effect.
Hi!
The portfolio issue is happening because of this code you have in Quick CSS:
.grid-sort-container > div {
margin: 5px;
}
Opacity can now be changed in js/avia.js, line 539.
Regards,
Josue
Ok with the portfolio issue but the code in avia.js line 539 doesn’t change anything.
var url = link.attr(‘href’),
span_class = “overlay-type-video”,
opa = link.data(‘opacity’) || 0,
overlay_offset = 5,
overlay = link.find(‘.image-overlay’);
Hi!
Did you clear the browser cache and reloaded the page after applying your changes?
Best regards,
Günter
Hi,
Yes i did that. Any other solution?
Hey!
Try adding this code to the Quick CSS:
#top a.avia-hover-fx .image-overlay{
background: rgba(255,255,255, 0) !important;
}
Cheers!
Josue
Hi Josue,
I tried the css but it’s not working.
I don’t know if i explain correctly what i want. To be clear i want to deactivate the effect with the the circle and arrow when you hover over an image.
That was possible in the old avia.js file by changing the overlay opacity to 0 (line 288) but after the update(2.8.1) this is not possible.
Can you please help me with that?
Hi!
Thank you for the info.
If you want to disable the image overlay, you can use this on Quick CSS or custom.css:
span.image-overlay.overlay-type-extern {
display: none !important;
}
Regards,
Ismael
Thanks Ismael, that worked for all the pictures except the pictures that appearing when you click a portfolio item(ajax display) with the products details.
I found out that the following css is working in general:
.avia_transform a:hover .image-overlay {
opacity: 0 !important;
}