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.

Adjust side margins between columns

Resolved 4 replies premiumthemetheme-vantage
Christopher Dailey
10 years ago · Last reply by Daniel 10 years ago

I am looking for a way to remove the padding between the columns. each column has a different background color that need to touch each other with no gap. I have can adjust the bottom margin to 0 in the settings menu but cant’ seem to find a way to adjust the side margins. Please help.

URL: http://shop.sjxjetboats.com/about/

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

Need fast email support? Get SiteOrigin Premium

Replies

4
  1. Magus Staff 10 years, 10 months ago

    Hi Christopher,

    Please try adding this to your custom CSS

    #pg-2-1 {
    margin-left: 0px;
    margin-right: 0px;
}
#pgc-2-1 .panel-grid-cell {
    padding-left: 0px;
    padding-right: 0px;
}

    You should note that this approach only works on the panel section for this specific page. To use on other pages you would need to use your browser developer console to inspect the element and get the grid id from there. Then create a new rule for each panel row.

    Hope this helps

    Magus

  2. Daniel Staff 10 years, 10 months ago

    Hi Christopher

    @Magus has guided you on how to make the changes. Try that out and let me know if it works out for you

    To get to the custom css section navigate via Appearance > Custom CSS, you’ll get our custom CSS editor. Just add the code provided.

    @Magus much appreciated on this

  3. Christopher Dailey 10 years, 10 months ago

    Thank you Magus for the quick response to my question. I tried what you had suggested but didn’t get the desired result. I did though look at the source code and found what needed to be modified , copied and pasted that into the Custom CSS section that Addo had directed me to and changed the parameters from 7.5 to 0 and got the result I was looking for. Thank you both for the help. Much appreciated.

    This was the original:
    #pg-2-1 .panel-grid-cell { padding-left:7.5px;padding-right:7.5px }

    This is what I changed it to:
    #pg-2-1 { margin-left:0px;margin-right:0px } #pg-2-1 .panel-grid-cell { padding-left:0px;padding-right:0px }

  4. Daniel Staff 10 years, 10 months ago

    Hi Christopher

    Am glad you are making progress in developing your site :-)

    Always feel free to open a new thread whenever you require support

    Cheers

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