[Resolved] remove bottom margin in pageheader

Home Forums Support [Resolved] remove bottom margin in pageheader

Home Forums Support remove bottom margin in pageheader

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #708953
    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
    #708977
    David
    Staff
    Customer Support

    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?

    #709985
    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

    #710074
    David
    Staff
    Customer Support

    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;
    }
    #710327
    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

    #710338
    David
    Staff
    Customer Support

    I edited the code above, give that a shot

    #710371
    Marjon Tas

    Hi David,

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

    #710397
    David
    Staff
    Customer Support

    Awesome. Glad to be of help.

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.