Image placeholder background color is not working with element grid
-
Hello @Richard-Keith,
I have sent you the login credentials for the website I'm working on. Please check your inbox.
I assigned a pink color to placeholder background at Lay Options. It works pretty well at PLAY page.
I'm using element grid for showing thumbnails at WORK page and images at project pages. The pink is not visible at those pages. The images fade in when they are loaded but their background is white. What is the best way to deal with this?Thanks!
-
-
Dear @dgknkrpnr
I have added the following code to the Bottom of your Custom CSS area:
.col[data-type="project"] .ph { background-color: #fb5b5b; }
Changing the 'data-type="img" to "project"
This makes the background-color work correctly with your Grid :)Best wishes and and thank you for your patience
Richard
-
Hello @Richard-Keith,
I have the same problem for the images at my project page.
I checked the "lazy loading" and the "
Image Placeholder Background Color" in lay options and I added the code you said in my custom CSS area, but it doesn't alter the background-color when they're loading. Do you have any advice ?Thank you in advance
(here's a link to my website, https://www.louiseterrasse.com/)
Before you post:
- When using a WordPress Cache plugin, disable it or clear your cache.
- Update Lay Theme and all Lay Theme Addons
- Disable all Plugins
- Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code", click "Save Changes"
This often solves issues you might run into
When you post:
- Post a link to where the problem is
- Does the problem happen on Chrome, Firefox, Safari or iPhone or Android?
- If the problem is difficult to explain, post screenshots / link to a video to explain it