-
I have set background images for a query loop for cover yet they are appearing as tiles. this is what I am seeing:https://share.boldlayout.com/jkujQJX1
-
url in private note
-
Hi there,
The front-end result matches the backend settings.
I’m not sure what is not right in your opinion.
Let me know 🙂
-
It is tiled on the front end, the settings are for cover, no repeat, and the backend display in the editor is showing as cover, no repeat. https://share.boldlayout.com/rRudl6OK. The front end results do not match the backend settings.No caching is being used.
-
I’m not sure if you understand what cover/no-repeat means in CSS, the front end has no issue, it matches the settings in your backend.
As you can see, both CSS is working properly:
https://app.screencast.com/ozVNiWOiOmduzPlease check the below links to learn the 2 CSS properties:
background-size:https://developer.mozilla.org/en-US/docs/Web/CSS/background-size
background-repeat:https://developer.mozilla.org/en-US/docs/Web/CSS/background-repeatIf I misunderstood your meaning or I missed anything, let me know!
-
I perfectly understand what no repeat means. If you see the screen share video I shared it shows the background images tiling on the front end. for me. I have no caching enabled.
-
You’ve added this class
bg-gradient-primaryto the container and you have this custom CSS which sets those background image properties toinitial..bg-gradient-primary { background: radial-gradient(circle at 50% 50%, #273454, #263352, #25314f, #24304d, #242f4a, #232e48, #222c45, #212b43); }Can you try removing the class from he container?
-
That was it, thank you.
-
No Problem 🙂
- You must be logged in to reply to this topic.