Docs

[Ann]

Hi,

You can view the site here: http://parronhall.marketingofdesign.com. If you navigate to “About Parron Hall”, and then to “Our Management”, you will see three sections on that page with three different images. For some reason, only the first two section include an extra margin at the bottom, even though I have all margins and padding removed. I’ve even added custom css code as follows, to no avail:

.x-content-band {
margin: 0 !important;
padding: 0 !important;
}

Can you advise why this extra margin is there? Thank you!

[Ann]

This reply has been marked as private.

[Christopher]

Hi there,

Are you referring this page http://parronhall.marketingofdesign.com/about-parron-hall/our-management/ ?
Please provide us with screen shot.

Thanks.

[Ann]

Yes, that is the page I am referring to. As you can see in the screenshot I’ve attached, there is extra margin below the image I have highlighted. When the row or column is highlighted, the edge is flush with the below image. I would like to eliminate this extra margin and control the space specifically myself. This issue is the same for both of the top two sections.

[Lely]

Hi There,

Thank you for the screenshot. By default, images have bottom margin. That’s the margin you were seeing. To reset that to zero, pleaase add mbn class on image class field.

Hope this helps.

[Author]

Posts