Hello,
I have imported Enfold Health Coach demo theme and wanted to adjust it to my needs. Now I ran into a problem when setting background images for a cell. I have added own pictures as background image, but I have kept all the other settings like scroll, no-repeat, center right. But it doesn’t place the picture as expected. It always starts left instead of right.
When I inspected the element and compared it with your demo page, I found the following difference.
On my site, the background styling is as follows:
element.style {
vertical-align: top;
padding: 50px;
background-image: url(https://www.beziehungswege.ch/wp-content/uploads/2020/02/DSC05274-scaled-e1581927794381.jpg);
}
On your demo site it is:
element.style {
background: url(https://kriesi.at/themes/enfold-health-coach/wp-content/uploads/sites/62/2016/05/woman-enjoying-nature-outdoors-m-1-845x684.jpg) center right no-repeat scroll;
vertical-align: top;
padding: 100px;
background-color: #719430;
The difference is background and background-image. What do I do wrong on my side that it sets it to background-image? When I adjust it in the browsers elements editor (F12), then it looks the way I wanted it to.
Thank you for a reply
Best regards,
Michael
Hey Michael,
Could you please attach some screenshots of the issue?
What does it have to look like?
Best regards,
Victoria
Hey Victoria,
thank you for your reply. I just found the reason. I use the W3 Total Cache plugin and the feature “Lazy Loading” caused the issue. After turning “Lazy Loading” off, everything works fine. No need to further investigate.
Best regards,
Michael
Hi,
I’m glad this was resolved. If you need additional help, please let us know here in the forums.
Best regards,
Jordan Shannon