Home>Support>Some issue with background and spacing

Some issue with background and spacing

Dear Sir/Madam,

1) How to remove the side spacing of the Vantage Header and also the subsequent visual editor box? Why when I change the backgrouond colour of the vantage header, 2 tones appear, the lighter grey and also the red that I have choosen.

2) How to change the background colour? I only found option to insert image in customize.

3) How to do blockquote of certain words?

Thank you.

URL: http://www.accenpro.com

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

  1. 9 years, 6 months ago Andrew Misplon
    Hi, I Work Here

    Hi Whynot9802

    Thanks for reaching out.

    1. The Vantage boxed layout is padded. To add a background to the masthead (header), that isn’t padded, try Appearance > Customize > Page > Masthead Background Image.

    If you’d like to remove all padding from the header area you could try the following under Appearance > Custom CSS:

    /* Header */
    
    header#masthead .hgroup {
    margin-right: -35px;
    margin-left: -35px;
    }
    

    To make your Visual Editor row full width, edit the row, click the Attributes tab top right, insert the following in the first field, CSS Class Name:

    boxed-full-width
    

    Then under Appearance > Custom CSS go target that by inserting the following:

    /* Page Builder Custom Row Class */
    .boxed-full-width {
    	margin-right: -35px;
      	margin-left: -35px;
    }
    

    Just make sure you add your background image to the row, not the widget, in order for it to stretch to the edge of the container.

    We’ll be improving how this is done in the medium term.

    2. When in the boxed layout mode, click Customizer, click the first Colors menu item, Background Color is currently there.

    3. Please see item 6 here: https://en.support.wordpress.com/visual-editor/. That would apply if you were working outside of Page Builder, in the regular Visual tab. Or on a page where you were using Page Builder, in that case you’d be working in the Visual Editor widget with the same button.

  2. 9 years, 6 months ago whynot9802

    Dear Andrew,

    I manage to remove the padding with the method provided by you. Thank you.

    May I know how to reduce the space between the metaslider and the vantage headlline.
    Thank you in advance.

  3. 9 years, 6 months ago Andrew Misplon
    Hi, I Work Here

    Sure, for that please try

    .home #main { padding-top: 0;}

    Insert the above into Appearance > Custom CSS.

    Let us know that goes.

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