Tagged: CSS, LayerSlider
Hey guys, was hoping you could help me with a mysterious white line that appears to the right of my layerslider? I believe this fella’ had the same issue but it looks like OP never followed up (https://kriesi.at/support/topic/1-pixel-line-on-right-side-of-slider-wont-go-away/).
Either way, the website in question is at http://www.hnibonline.com, and here is a screenshot of it as well (http://i.imgur.com/Pod4leK.png).
Let me know if you can offer any help, greatly appreciated!
Hi Jamie!
Which browser and OS are you using? There is no white line on my end on Chrome, Firefox and Safari on Mac – http://i.imgur.com/uAIxxCh.jpg
Regards,
Yigit
First off, thanks for getting back to me so quickly.
I am using Chrome on Mac OS X 10.6.8. Just checked it on Safari and it looks fine there. I should have checked there first, but I’m a loser…
Any way I can fix this for Chrome?
Hey!
I cannot reproduce the issue on OS X 10.9.2 Chrome v 34.0.1847.131. I asked @josue to take a look. Let us wait for his answer
Regards,
Yigit
Sounds good, thanks bud!
Hi!
I could see the line in 10.7.5, try adding this code to the Quick CSS:
.avia-layerslider {
width: 1131px !important;
}
Cheers!
Josue
That works, but now the slider is not responsive. Any way to fix this?
Thank you!
OK I tried
width: 101px !important
That seems to do the trick, thanks
***101%
haha sorry!
Hey!
Try adding this too:
.avia_mobile .avia-layerslider {
width: auto !important;
}
That way the rule gets reseted when viewed in a mobile device.
Best regards,
Josue
Glad you figured out a solution yourself :)