Margin between row

[gallagherBD]

Hello, I added some custom CSS from other forum topics that I found to create overlapping images on the slider. Now, the issue I am having is a large margin between the column and the one below. I will put the page link in a private post below as this is a dev site and I do not want it public.

[gallagherBD]

http://souce1sys.gallagherbd.com/

I can’t remember how to mark it private so no worries.

[ruenel]

Hello There,

Thanks for writing in! You are having the margin issue because you have applied an incorrect css to make your images overlap the other content band. To resolve this, please remove your code first:

@media (min-width: 979px){
  .my-class1 {
    position: relative;
    top: -118px; 
  }
}

You should be using only this code instead:

@media (min-width: 979px){
  .my-class1 .x-column {
    margin-top: -118px;
  }
}

Screenshot

And if there is still a need to reduce the space below the images, you will need to reduce the top margin of the content band 3.

Hope this helps.

[gallagherBD]

This worked like a charm! Thanks.

[paul.r]

On behalf of my colleague, you’re welcome. Cheers!