I have added padding to the fullwidth easy slider image div so that the image fits better with my site and the prev – next navigation arrows still remain at the outside of the page. Here is the css I changed.
.av_slideshow_full li img {
padding: 0 10%;
}
Now there is a line / border that appears on the outside of the slider image as demonstrated in the screenshot below.
This line also appears the moment before the slider loads then it goes away.
How can I remove this line or border?
I fixed the issue by adding this to my custom css.
.avia-shadow {
box-shadow: inset 0 0 0 rgba(0,0,0,0);
}