Home>Support>Margin issues

Margin issues

By Bruce Wayne, 6 years ago. Last reply by Alex S, 6 years ago.

Hello everyone,

I am building a quick demo on demo2.track21houston.com, and I am trying to get control of the margin space, but boy oh boy am I having a time.

If you view the above webpage the first margin i am trying to get rid of is the seperate of the header from the menu. I dont want the red background showing above the blue header box. The only control i seem to have is margins from how far it goes down and not up.

Additionally if you scrioll down some there is a center box with terrible placeholder images, with read more options. I am trying to get the 3 widgets to connect and not have empty space between eachother, but alas – no margin control. Am I missing something?

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 6 years, 1 month ago Alex S
    Hi, I Work Here

    Hi Bruce,

    You can remove this spacing after the slider with some custom CSS. If you navigate to AppearanceCustom CSS, you’ll get our custom CSS editor. Just add the following code.

    .layout-full .panel-row-style.panel-row-style-full-width {
	padding-top: 0;
	padding-bottom: 0;
}

    You might also need to install the SiteOrigin CSS Editor.

    I am trying to get the 3 widgets to connect and not have empty space between eachother

    That spacing is as a result of row gutter. Please open the row housing those cells and head over to the row styles sidebar. Open the Layout settings group and set the Gutter to 0.

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