[3thoughtParticipant]

I’ve got two margin-less rows on my development site.

#1) The 3-col uses content bands with transparent buttons. I’d like to remove the bottom margin related to the <p>.

#2) The 5-col are images that also have a bottom margin I’d like removed.

I’ve used the theme for other sites and haven’t run into this issue before so I’m curious to know if I introduced the problem.

Thanks for your assistance.

[RupokMember]

Hi there,

Thanks for writing in!

You can hide or reset the margin of extra paragraph by adding the following CSS –

p:empty{
  margin: 0;
}

However the spacing is not causing by paragraph rather the default margin of the section – http://prntscr.com/9mnibx

.x-content-band {
  margin: 0 0 1.313em;
  padding: 40px 0;
}

To solve this, you need to set margin-top and margin-bottom value to 0 for the section – http://prntscr.com/9mnhyj

For the five columns – the issue is generated by the default margin of the image – http://prntscr.com/9mniga

Let’s set margin-bottom: 0; on the style field for the images.

Hope this helps.

Cheers!

[3thoughtParticipant]

This reply has been marked as private.

[RupokMember]

Hi there,

Thanks for updating It seems you are using Content Band within the section that creating the issue – http://prntscr.com/9msnel

If you want to continue using content band hsortcode inside the section, then you can add this CSS –

#x-section-1 .x-content-band {
  margin: 0;
}

Hope this helps.

Cheers!

[3thoughtParticipant]

Perfect, thanks!

[JadeModerator]

You’re most welcome.

[Author]

Posts