Removing white space from the sides of my theme

I would like to remove the blue white space on the right and left sides of my website and then expand the content towards the corners. I don't want the text directly on the corners, but there is a lot of wasted space that just needs to be filled.


  • Adam Czajczyk
    • Support Gorilla

    Hello Alex,

    I hope you're well today and thank you for your question!

    I think these CSS rules below should do the job:

    body {padding:0 0;}
    #wrap {max-width:100%}

    For the first line (the one starting with "body") you may want to adjust padding value (in pixels). The first value is top+bottom padding and the second one is left+right.

    You may add this rules for example via Simple Custom CSS plugin which you'll find here:

    I hope that helps!

    Best regards,

  • Adam Czajczyk
    • Support Gorilla

    Hello Alex!

    It seems that you didn't enable the support access after all. However I think this wouldn't be necessary here. I did another check of your site and indeed I pushed your logo above the top edge of the screen by mistake.

    The rules that should work would be basically the same but with values a bit adjusted. Could you give this code a try, please:

    body {padding:6opx 0;}
    #wrap {max-width:100%}
    .post-entry-text {width:93%}

    What I did here is:
    - I brought back vertical padding so the logo is back where it was
    - I enlarged the text space horizontally

    Will this work for you?

    Best regards,

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.