[Resolved] remove bottom margin in pageheader

[Marjon Tas]

Hi,

I use a pageheader with two columns inside (lightweight grid column) And in the last column I put a shortcode of slideanything, a slider. In the leftside I put some text.

I am trying to get rid of a small margin under the slider. I tried to put an image instead of the slider, but there also is still al little margin beneath. I gave the whole thing a class, and removed allready the 1,5em margin that is normal in the lcg. But still, it is not lining out on the bottom of the slider. Can you maybe help?

Thanks a lot.

Best regards,
Marjon Tas

GeneratePress 2.1.4

GP Premium 1.7.2

[David]

Hi there,

did you add an inline-style to LGC columns? They currently have a fixed height of 501px, whereas the images are only 495px which is creating the 6px gap.
The other issue though is the images aren’t responsive so when you reduce the width of the browser the image will shrink. Does the slider have the option to make the images responsive?

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Marjon Tas]

Hi David,

Thanks for your reply. I did not add a fixed height in the css. I removed the slider and added an image instead, just for now, to discover what is the problem, and now it still has this 6px gap.
And you are right. The slider was not yet responsive, it had the option. And I have to add some css for the first column in order to make it look right on every width.

Thanks for taking another look,

Best regards,
Marjon

[David]

Hi there,

i can’t see the columns now, but the gap that exists now can be removed with this CSS:

.sa_hover_container p {
    margin-bottom: 0 !important;
}
.owl-carousel .owl-item img {
    margin-bottom: -6px;
}

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Marjon Tas]

Hi David,

I am sorry for that, in the meantime a college broke my original code. So I did repaire it just now. Ik added your code in the simple css. Unfortunately it did not fix it. Can you take a look at the website with the repaired code?

Thanks!

Marjon

[David]

I edited the code above, give that a shot

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Marjon Tas]

Hi David,

Yes! that is does the trick.. Super! Thank you very much!

[David]

Awesome. Glad to be of help.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts