• In our CSS for Flip boxes you are forcing a background colour using the background: property, so when you apply a background colour using Elementor CSS it does not work and still shows the background property for the front & back while loading, especially if there are large images in play. Please remove these CSS properties or make it so the Elementor settings work properly as we don’t want to see green and blue blocks instead of our background colour / chosen colour.

    In ese.min.css:

    .eae-flip-box-front?{ background: #a0ce4e; }

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Contributor Hardik Sharma

    (@hardiksharma)

    Hi @jaysonvds,
    As I checked it on my end it works fine. I applied a background image and make the background color transparent. If you have done the same. Check it after clearing the cache or try it after regenerating CSS.

    Thread Starter jaysonvds

    (@jaysonvds)

    I had already tried what you had said before opening the ticket.
    This is running on the latest Elementor with Elementor Pro on PHP 8. The problem is that the green still flashes and if the internet is slow you see see the green background while the image is loading on first view of the site. It doesn’t replace with the white background I have set in the widget. The only way I have been able to get rid of the green background is by applying an additional CSS rule.

    Simply removing the hard coded colour from CSS file would solve the problem.. Rather let user choose the colour, or set a default colour in Elementor settings widget instead of using CSS file.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Flip Box Background Colour issue’ is closed to new replies.