-
Posts
-
Hi Guys, I have a white line that appears on the left of my layerslider. I have tried changing background colour and used a dark background image but to no avail. Please can you advise how to remove it. It is here:
It shows when browser is full screen on the left in Firefox & Chrome and on the right in Microsoft Edge.
https://www.dropbox.com/s/qlz50p82v3xepii/Screenshot%202018-07-27%2013.27.11.png?dl=0Hi,
Sorry, I’m having trouble making out the issue in your screenshot, please draw a arrow on the image to point it out.
It’s not the slideshow control above the slideshow image is it?Best regards,
MikeI could do one with an arrow but I shouldn’t need to. Look at the picture of the helicopter at 100% and it has a 1px white border on the left.
ThanksHi,
Thanks for the details, I do see it in your screenshot now. But I couldn’t recreate it in my browsers at full screen. I also try dragging my browser across two screens to make in very large.
I checked in Chrome, Firefox, Edge & IE11.
But on a hunch I’m going to suggest this css in your WordPress > Customize > Additional CSS, because it will take precedence.#top.home .avia-layerslider .ls-wp-container { margin: 0px !important } #top.home .ls-wp-container,#top.home .ls-wrapper.ls-bg-wrap { background-color: #000 !important; }Best regards,
MikeThanks Mike but that code makes it jump to the other side :-/
I have worked out it is the Main background colour showing through because when I change it the line colour also changes. Unfortunateley you can’t put a LayerSlider in a a Color Section so I’m still stumped.
Any ideas?
Hi,
If you can change the color of the line by changing the main background color, wouldn’t changing it to black solve? Or you could try going to your slider in the layerslider and set a black background color.
Best regards,
MikeUnfortunately changing the layerslider background as per your grab has no effect. I can’t change the background colour of the page, The rest of the page needs to be white. Is there any way I can put it in a colour section?
ThanksHi,
Sorry but I can’t reproduce the issue you are describing on my end using Chrome, please see private for screenshot.
Best regards,
RikardYou can’t see it because I fixed it with an untidy workaround. My alternate content colour scheme was dark so I swapped it to the light scheme and made the main content dark. I would still like to know a CSS fix as this happens on all my Enfold sites with full width sliders.
The problem is that the main content background colour shows a 1px line down one side of all full width slideshows. You can recreate the problem yourself. Just have a dark slideshow, a dark background and set the main content to white.
The solution would be to be able to have the full width slideshow in a color section but the Avia Layout Builder doesn’t allow this.
Thanks
RobHi Rob,
It does not make any sense to put the full width slider in the color section, no need for such complexity.
If your workaround works for you then maybe it is better to leave it at that.
If you need further assistance please let us know.
Best regards,
VictoriaOf course it makes sense. For example I have had to raise another thread because my blog is the wrong colour because the colours are reversed:
Yes I still need a resolution to this or the blog problem
Hi fanlokbun,
Ismael replied to you in that thread, please do not make duplicate threads.
If you need further assistance please let us know.
Best regards,
VictoriaHi Victoria you can close this thread. Please read my comment to Ismael. He is a great guy and been helping me for years, You can learn a lot from him.
- You must be logged in to reply to this topic.