Tagged: ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • September 1, 2021 at 10:09 am #1319311
    Swarez

    Hi there!
    I have found an issue with the way Lightbox displays when you click an image. Instead of loading in the centre of the screen it loads at the bottom, off screen, forcing you to scroll down to find it. The right arrow is gone completely too.

    I have WP -Rocket and have flushed all caches. I have also done the same with Cloudflare (only used for DNS fetch) and also KEY CDN zone.
    I also use the WP-Rocket feature for removing unused CSS which is brilliant but I wondered if that may be the issue.
    So I removed these two files from the tool and still the same thing:

    /wp-content/themes/enfold/css/avia-snippet-lightbox.css
    /wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/image/image.css

    Everything flushed but still can’t get it to work. If you refresh a page it works but as soon as you go forwards or back again it stops working.
    Any ideas? Am I excluding the correct files?

    Try these pages as examples:
    https://www.swarez.co.uk/modern-art-paintings-for-sale/resonance/
    https://www.swarez.co.uk/modern-art-paintings-for-sale/the-reign-of-smaug/

    Also on Pages here:
    https://www.swarez.co.uk/about/
    https://www.swarez.co.uk/large-format-works/

    Thanks in advance
    Ed

    • This topic was modified 3 years, 2 months ago by Swarez.
    September 3, 2021 at 6:07 am #1319589
    Ismael

    Hey Swarez,

    Thank you for the inquiry.

    We cannot seem to reproduce the issue on our end, using Chrome on MacOS. The lightbox container opens at the center of the screen immediately after clicking an image. Please check the screenshots below.

    Screenshots: https://postimg.cc/gallery/PC3XNg8/975af4c2

    Best regards,
    Ismael

    September 3, 2021 at 5:52 pm #1319677
    Swarez

    Hi Ismael
    Thanks for replying.
    I have no idea what’s going on as you’re right, it all came back! So sorry to have wasted your time.
    My only issue is the backwards arrow on the left – it should point the other way – any ideas?
    Thanks
    Ed

    September 5, 2021 at 2:32 pm #1319783
    Mike

    Hi,
    Thank you for your patience and for the links to your site, I found that the backwards lightbox arrow is from this css rule:

    div.avia-popup button.mfp-arrow:before {
    content: "\e87d";
    font-family: "entypo-fontello"
}

    in the cache file /used.min.css
    in this cache file the original mfp-arrow css is on lines 9614-9619 with the mfp-arrow-left trailing as it needs to be:
    2021-09-05_001.png
    but this rule is added again on line 11853 after the previous mfp-arrow-left rule causing a conflict:
    2021-09-05_002.png
    I believe this is probably added in your custom css somewhere but I can’t tell by looking at your cached css, so try to see if you added this somewhere and remove it and then clear all of your caches.

    Best regards,
    Mike

    September 5, 2021 at 6:12 pm #1319788
    Swarez

    Hi Mike
    Thank you for looki8ng into this so thoroughly! It’s very much appreciated.
    I will go and look at why this is being duplicated – it could be the Beta feature in WP-Rocket’s new CSS cleanup tool – I will send them a support ticket to ask them to check it.
    In the meantime thank you!
    All the best
    Ed

    September 5, 2021 at 8:31 pm #1319796
    Mike

    Hi,
    Happy to help, we will leave this open until you let us know that it can be closed, thanks for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.