• Resolved speedwrap1

    (@speedwrap1)


    On the homepage of my website, it looks like there is a lot of white space on all four sides. Is there some way to delete all of this empty space? I mostly want to get rid of the area on the left side of the content pane so the Product Categories is aligned all the way to the left.

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • jessepearson

    (@jessepearson)

    Automattic Happiness Engineer

    @speedwrap1 Adding the below rule in Appearance > Customize > Custom CSS should do the trick:

    
    @media (min-width: 768px)
    .col-full {
        max-width: 1200px;
    }
    
    Thread Starter speedwrap1

    (@speedwrap1)

    I’m not sure if adding the code changed anything. There is still empty white space surrounding the site

    jessepearson

    (@jessepearson)

    Automattic Happiness Engineer

    @speedwrap1 Sorry about that, try this:

    
    @media (min-width: 768px) {
    	.col-full {
    		max-width: 1200px;
    	}
    }
    

    Some braces were missing before. Make sure to add this in the Custom CSS section of the Customizer under Appearance > Customize.

    Thread Starter speedwrap1

    (@speedwrap1)

    This code did the trick. I must have mistyped something before. Thanks for your help.

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Removing white space’ is closed to new replies.