Tagged: ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • June 20, 2023 at 11:42 am #1411150
    EinsElfManufaktur

    Hello Support-team,
    I have Images/Lightbox Issues, thank you so much for help. Here are the details:

    – Error exists since the Enfold update from 4.5.7 to the current 5.6.2.
    – PHP version is 8.0
    – Regarding desktop & mobile version (Windows, Android)
    – All PlugIns were deactivated once, brought no success
    – Issue with all linked images as well as with lightbox effect (linked, arrow)
    – Issue e.g. visible on homepage https://111manufaktur.de/ and on https://111manufaktur.de/blog/
    Home page https://111manufaktur.de/: Previously the backed image was directly visible (transparent effect) and no black element was visible previously

    In the blog https://111manufaktur.de/blog/
    On mouseover there is an error and the background image turns white – Normally the background image should continue to show through. Also, the arrows/lightbox elements (image link) sometimes sit at wrong positions.

    // —————– German

    Bilder/Lightbox-Probleme
    – Fehler besteht seit dem Enfold Update von 4.5.7 auf das aktuelle 5.6.2.
    – PHP Version ist 8.0
    – In Desktop & mobiler Version (Windows, Android)
    – Alle PlugIns wurden einmal deaktiviert, brachte keinen Erfolg
    – Fehler bei allen verlinkten Bildern sowie mit Lightbox-Effekt (verlinkt, Pfeil)
    – Fehler z. B. sichtbar auf Startseite https://111manufaktur.de/ und auf https://111manufaktur.de/blog/

    Startseite https://111manufaktur.de/: Vorher war das hinterlegte Bild direkt sichtbar (transparent Effekt) und kein schwarzes Element vorher sichtbar

    Im Blog https://111manufaktur.de/blog/
    Beim Mouseover gibt es einen Fehler und das Hintergrund-Bild wird weiß – Normalerweise sollte das Hintergrund-Bild weiter durchscheinen. Auch sitzen die Pfeile/Lightbox-Elemente (Bild-Link) teilweise an falschen Positionen.

    June 24, 2023 at 2:40 pm #1411553
    Mike

    Hey EinsElfManufaktur,
    Thank you for your patience, as I understand the issue on your homepage is there is a black overlay on your images:
    Enfold_Support_2423.jpeg
    this is because the black overlay is enabled for the images:
    Enfold_Support_2425.jpeg
    So you could remove the overlay for each image or try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field to make the overlay transparent:

    .page-id-451 .avia-image-container .av-caption-image-overlay-bg {
    background-color: transparent;
}

    For your blog page I believe the error is that when you mouseover an image the link icon overlay doesn’t go away on mouseleave:
    Enfold_Support_2427.jpeg
    this is because of this css in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

    * {
    opacity: 1 !important; 
    -webkit-transition: none !important;
    transition: opacity none !important;
}

    if you remove this css the issue will be solved, please note that using the wildcard “*” as a css selector will affect all elements on your site, often causing unexpected results, it is much better to use detailed selectors in your css to avoid issues.

    Best regards,
    Mike

    July 12, 2023 at 2:20 pm #1413126
    EinsElfManufaktur

    Hello Mike,

    thank you, that solution solved the issues.
    Best regards

    July 12, 2023 at 3:11 pm #1413137
    Nikko

    Hi EinsElfManufaktur,

    I’m glad that Mike could help you :)
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Images/Lightbox Issues’ is closed to new replies.