I am working on a dev site and hit a snag. I have a background image that is set to tile horizontally so it only shows at the top of the body. that part works fine.
On a page with an advanced layerslider, this background image is displayed in TWO horizontal rows, not one.
I also tried moving the advanced layerslider element around the page, and then it shows the background THREE times.
Any thoughts on how I can prevent the bakcground image from being displayed on the body AND beying the layerslider wherever I put it?
thanks,
KT
thoughts?
Hey!
Could you please provide us with a temporary admin login so that we can take a closer look? You can post the details here as a private reply.
Best regards,
Rikard
Hey!
I can’t really see anything wrong with the slider on the page home, did you manage to get it fixed or did you remove the problem background image?
Regards,
Rikard
Hey!
It looks like your adding the background to the main sections in the General Settings. When you use elements such as the fullwidth slider they are going to create new sections and they will also use the “main_color” you have set in the general settings.
You can use this CSS to remove it.
.avia-layerslider {
background: transparent !important;
}
Cheers!
Elliott
Thank you for all the help! it works great now!