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

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

By Carla Brunberg, 8 years ago. Last reply by Andrew Misplon, 8 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. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 8 years, 11 months ago Private Message - Carla Brunberg

    This is a private message.

  2. 8 years, 11 months ago Andrew Misplon
    Hi, I Work Here

    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. 8 years, 11 months ago Carla Brunberg

    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. 8 years, 11 months ago Andrew Misplon
    Hi, I Work Here

    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.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More