Removing padding/margin on flex slider

Support
#1

Hi,

On this page: http://www.dewingerdhoreca.nl/nieuw/family/ I have added a Classic slider. As you can see it has a white border/padding/margin that I want to get rid off but I can’t for the live of me figure out how! Please help!

#2

Hi,
I found it. Turned out that I had added the images of each slide in ‘Text’ mode which automatically added

tags to it that caused the margin.
#3

Just one thing: the second image show a tiny hair line at the bottom though both images are the same size.

#4

Hi there,

Thanks for writing around! I checked your slider in the first row and both of your images have different sizes, the first one has the dimension 490x368px while the second image has the dimension 1180x885px now this will cause issues. Try resizing them to a same size to fix the issue.

Hope this helps!

#5

Yes, I fixed that but still that white hairline is there, like on this page: http://www.dewingerdhoreca.nl/nieuw/company/

#6

Hi there,

Please try this code in the custom CSS:

.x-flexslider-shortcode-container.with-container {
    box-shadow: none;
}

Hope this helps.

#7

That worked except for Firefox. Could it be a browser issue?

Edit: and in Chrome also.

#8

Hi There,

Please use this css instead of the CSS that given by @Jade,

.x-flexslider-shortcode-container.with-container {
    box-shadow: none !important;
}

Hope this works.

Thanks

#9

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.