How to reduce white space under slider

  • Resolved AlexKonijnenburg

    (@alexkonijnenburg)


    9 years, 12 months ago

    Hi There,

    I am using wp page builder on my front page. Is there a way to reduce the white space under the slider and start of the first page builder row.
    Now the header text and the widget on the right are not on the same line.

    thanks in advance

    Gr Alex

Viewing 11 replies - 1 through 11 (of 11 total)
  • hannah

    (@hannahritner)

    Hey, do you mind posting a link?

    Hannah

    Thread Starter AlexKonijnenburg

    (@alexkonijnenburg)

    Hi,

    My website link is> https://www.spaansesloffenshop.nl

    Thx

    hannah

    (@hannahritner)

    This should reduce the extra padding:

    .home .panel-grid-cell .widget-title {
margin-top: -40px;
}

    You can just paste that in your custom css box in theme options > advanced settings.
    All I see in your header are your menus and logo? No extra text?

    Hannah

    Thread Starter AlexKonijnenburg

    (@alexkonijnenburg)

    Hi hannah,

    Great it works, thanks for the quick response.
    Sorry my mistake > I mean page builder text instead of header text:-)

    gr Alex

    hannah

    (@hannahritner)

    Still not sure I see what you mean. Which text and which widget?

    Thread Starter AlexKonijnenburg

    (@alexkonijnenburg)

    Hi Hannah,

    I was not clear, the text ‘onze toppers’ and the side widget. It is perfect now!
    But now i have this issue. The white space between the call to action widget in page builder on the home and the text underneath ‘Spaanse sloffen specialist’ is gone now!

    I would like to have the same white space above and under the grey call to action widget.

    How can I set this?

    hannah

    (@hannahritner)

    Try fixing it with this:

    .panel-widget-style {
padding-top: 40px;
}

    Hope that helps!

    Hannah

    Thread Starter AlexKonijnenburg

    (@alexkonijnenburg)

    I put the code in there, but unfortunately it is not working.

    Any other options?

    Gr Alex

    hannah

    (@hannahritner)

    Hmm sorry, try removing that and adding this instead:

    #pl-69 .panel-grid-cell .panel:last-child {
margin-bottom: 40px;
}

    Thread Starter AlexKonijnenburg

    (@alexkonijnenburg)

    Hi Hannah,

    No that is not working either.

    Other options to fix this?

    Hi there! I hope it is okay to resurrect this old thread. I am asking myself the exact same question, sadly none of the custom-CSS fixes supplied here work for me.

    This is the page: https://klsmn.bplaced.net/wp1/

    As you can see, there is quite a large gap between the bottom of the slider and the headlines below. At first I thought it might be due to the fact that I have disable the front page title, but if that is enabled the situation is the same.
    I have tried to figure out a solution, but unsurprisingly haven’t had any success with my limited coding experience. I don’t know if this means anything, but looking up the source code on the page renders a big part of the gap as this:
    https://i.imgur.com/JcyQexy.png

    Can anybody help? Thank you!

    Edit: I just now realised that there is some setting concerning a portfolio carousel, however, I don’t use it (tbh, I don’t even know what is is supposed to do ?? ).

Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘How to reduce white space under slider’ is closed to new replies.