Page Width

[Hellen Otii]

Hello,

can you please help with code to make a full-width page have more padding so content fits in a narrower space?

Also, does using the site builder heavily (like on all content pages for example) add loading time or bloat to the site?

Thanks!

Hellen

[Bill Robbins]

Hi Hellen,

Great questions there. The page builder does not add much in the way of load time or bloat. One of the reasons I choose to work with this one is because it was very lightweight. It will have minimal impact on the load time of a page.

For the padding on a full width page, you could try something like this in the Custom CSS found in the advanced section of the customizer:

.no-sidebar.default-builder #content { 
     padding-left: 5vw; 
     padding-right: 5vw; 
}

If you haven’t used it before vw is a unit of measure based on the width of the browser window (viewport width). As the window gets wider, it increases in size too. It works similar to how a percentage measure works.

Feel free to swap that out for whatever works for you.

Take care,
Bill

[Hellen Otii]

Thanks, thou art awesome!

You make CSS seem so easy. I’d pay for a webinar .. I need extra cognitive help with CSS for some reason, lol!

[Author]

Posts