This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

How to get rid of white space below rows, widgets both sides of the logo

Open 4 replies pluginplugin-page-builderpremium
Carla Brunberg
10 years ago · Last reply by Andrew Misplon 10 years ago

Hi,

I’ m using Vantage theme, with Page Buildet and Widget Bundle plugins.

I would like to get rid of all white space below some rows / widgets ). I have read older threads and tried suggested css but it didn’t work. I have also edited row theme-> no bottom margin and layout bottom margin 0.

How can I get rid all white space below Hero image and post carousel in the home page?

Is it possible to place widgets both sides of the logo (centered)?

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

4
  1. Carla Brunberg Private 10 years, 3 months ago

    This is a private message.

  2. Andrew Misplon Staff 10 years, 3 months ago

    Hi Carla

    Let’s try this:

    1. Edit the row that the Hero widget is in, under the Attributes tab, assign the row a class name of:

    home-hero

    2. Edit the row the SiteOrigin Editor is in, the row below and give it a row class of:

    home-editor

    3. Go to Appearance > Custom CSS and add the following:

    /* Page Builder Styles */
.layout-full .panel-row-style.panel-row-style-full-width.home-hero {
padding-bottom: 0 !important;
}
.layout-full .panel-row-style.panel-row-style-full-width.home-hero {
padding-top: 0 !important;
}
.layout-full .panel-row-style.panel-row-style-full-width.home-hero h1 {
margin-top: 0;
}

    For the space below the Post Carousel you already have control. In Custom CSS you’re saying:

    .home #main {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
}

    Just change that to:

    .home #main {
    padding-top: 25px !important;
    padding-bottom: 0;
}
  3. Carla Brunberg 10 years, 3 months ago

    Hi Andrew,

    Thank you for your reply. I made these changes but there are still some white space under the hero image. Is it possible to get rid of it completely?

    The post carousel widget is now placed as I wanted but I forgot to ask how can I change the font color? The text is not showing well at all. I have tried to change it by going to post carousel widget -> widget styles ->design->font color and picked white and saved it. I have tried this with other widgets as well but not with any success. How can I change it?

  4. Andrew Misplon Staff 10 years, 3 months ago

    A few errors on my part:

    Locate this block of rules:

    /* Page Builder Styles */
.layout-full .panel-row-style.panel-row-style-full-width.home-hero {
padding-bottom: 0 !important;
}
.layout-full .panel-row-style.panel-row-style-full-width.home-hero {
padding-top: 0 !important;
}
.layout-full .panel-row-style.panel-row-style-full-width.home-hero h1 {
margin-top: 0;
}

    and replace it with the following:

    /* Page Builder Styles */
.layout-full .panel-row-style.panel-row-style-full-width.home-hero {
padding-bottom: 0 !important;
}
.layout-full .panel-row-style.panel-row-style-full-width.home-hero,
.layout-full .panel-row-style.panel-row-style-full-width.home-editor {
padding-top: 0 !important;
}
.layout-full .panel-row-style.panel-row-style-full-width.home-editor h1 {
margin-top: 0;
}

    Also add the following and edit as required:

    /* SiteOrgin Carousel Widget */
.sow-carousel-wrapper ul.sow-carousel-items li.sow-carousel-item h3 {
    color: #ffffff;
}

Replies on this thread are closed.

Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Have a different question or issue?

Start New Thread