Remove padding around the left and right outside edges of the page content


I am using the Sydney theme and I have a 2 column About page with an image background around the outside of the content area. I see about 12 pixels of white padding on the outside edges of the page content. Can you please tell me how I can remove this padding from the right hand and left hand side of the page. This padding is located inbetween the content and the colored background. Thank you.

Jim Juris

Based on your design, I think, you’d need to remove the white background instead of eliminating left/right padding. Add this CSS code to Appearance > Customize > Additional CSS from dashboard.

    .page .page-wrap .content-wrapper, 
    .single .page-wrap .content-wrapper {
        background: transparent;


Thank you very much for the CSS code to solve the problem I was having creating my website About page. Your solution solved my problem.

I have used a number of themes but, none of them are anywhere as fantastic as the FREE Sydney theme.

Your support is also fantastic.

You’re welcome!

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.