Gap below Revolution slider and content - by BHI

This topic has 2 replies, 2 voices, and was last updated 6 years, 8 months ago ago by Rose Tyler

  • Avatar: bluehiveinteractive
    BHI
    Participant
    March 28, 2018 at 23:11

    I have been trying to remove the gap between the revolution slider on the homepage and the blue row below the slideshow which says “your night’s rest deserves to be its best”

    I have edited the row which revolution slider is in to have no bottom margin and no bottom padding.

    I have also edited the row below the slider to have no top padding or margin, yet it still exists.

    I am using the Home Default page template from the demo on this page. I checked the custom css on the page level and in the options panel too, but nothing seems to remove the gap.

    Can you help?

    Please, contact administrator
    for this information.
    1 Answer
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    March 29, 2018 at 07:25

    Hello,

    Please see screenshot https://prnt.sc/ixvdhh
    add this code:

    .wpb_revslider_element {
        margin-bottom: 0px;
    }

    in custom css for the page http://prntscr.com/ixvdy5

    To access the DevTools, open a web page or web app in Google Chrome https://developers.google.com/web/tools/chrome-devtools/inspect-styles/. Either:
    -Select the Chrome menu Chrome Menu at the top-right of your browser window, then select Tools > Developer Tools.
    -Right-click on any page element and select Inspect Element.
    The DevTools window will open at the bottom of your Chrome browser.

    Regards

  • Viewing 2 results - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.