Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #285686

    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.

    #285974

    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

    #286092

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

    #286261

    Hi!

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

    Best regards,
    Günter

    #286545

    Hi,

    Yes i did that. Any other solution?

    #288302

    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

    #288450

    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?

    #288514

    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

    #288549

    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, 4 months ago by saquasar.
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.