Margin on images

[yingfuli]

Hi,

I know there used to be some css way to remove the margin at the bottom of the image, but I can’t seem to get it to work. It concerns images in the classic flexslider. This is the site: wpdept.nl/massage/

[nabeel]

Hi @yingfuli,

Thank you for reaching out to us. To remove the margin at the bottom of the flex slider, please add the following code in the Theme Options > CSS:

.x-flexslider p {
    margin-bottom: 0;
}

Here are some related links for further reading, this could help you in finding and implementing some CSS fixes:

• Intro to CSS - https://goo.gl/mFuWQT
• How to get CSS selectors - https://goo.gl/BmoH39
• Get Started With Viewing And Changing CSS - https://goo.gl/7xFhDa
• CSS Media Queries - https://goo.gl/L3ZHNg

Don’t forget to clear all caches including your browser’s cache after adding the code. Let us know how this goes!

[yingfuli]

Fixed it.

I have to ask though: why do the flex slider ánd images in X/Pro come with a bottom margin by default? I don’t see any added value in this and more often than not I’m getting rid of them anyway.

[ruenel]

Hello @yingfuli,

By default, the classic slider and classic image elements has a bottom margin. This is to prevent from overlapping or having no spaces in between when you are viewing in small screens. The bottom margin keep a gap in between the elements when they are stacked below each other. The same goes with the paragraphs.

Hope this helps.