Browser: Safara and Chrome
OS: macOS
URL: Localhost
Video: Screen Recording Video - here: Dropbox - Screen Recording 2023-07-21 at 11.25.37 PM.mp4 - Simplify your life
I created a simple grid of a features CPT loop. Each card has a background image in a wrapper with a heading and some simple text overlay in a wrapper on top of the image using position relative / absolute to create the effect. On hover the background of the wrapper holding the text fades to a solid color that covers the image and then only the text shows.
On the back end, canvas, the animation works as designed, in the preview it works as designed but on the front end the text and wrapper do not display. Front end does not match back end. I did all the standard troubleshooting with refreshes, caches etc.
brick v1.8.3
After inspecting an fiddling I did manage to find the css - set the opacity of the text wrapper to 1 and now it matches but thought I should still post this because it was weird that up to that point the front end was not showing what was showing on the front end.
Thanks in advance!
Chris