Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • July 1, 2014 at 1:08 pm #285686
    saquasar

    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.

    July 2, 2014 at 1:54 am #285974
    Josue

    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

    July 2, 2014 at 8:52 am #286092
    saquasar

    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’);

    July 2, 2014 at 4:46 pm #286261
    Günter

    Hi!

    Did you clear the browser cache and reloaded the page after applying your changes?

    Best regards,
    Günter

    July 3, 2014 at 9:31 am #286545
    saquasar

    Hi,

    Yes i did that. Any other solution?

    July 8, 2014 at 4:50 am #288302
    Josue

    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

    July 8, 2014 at 12:25 pm #288450
    saquasar

    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?

    July 8, 2014 at 2:08 pm #288514
    Ismael

    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

    July 8, 2014 at 3:20 pm #288549
    saquasar

    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;
    }

    • This reply was modified 10 years, 5 months ago by saquasar.
  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Portfolio grid problem after update to 2.8.1’ is closed to new replies.