How to Make Pages or Posts Full Width

How To  Tutorials  Last Updated: Time to Read: Less than a minute

Use this tutorial if you need to make pages or posts full width to accomodate plugins such as Aesop Story Engine or Visual Composer. See also What Page Builder Plugins Are Compatible with Layers?

These tweaks require you to add Custom CSS to your site or child theme. To gain a broader understanding of using Custom CSS with your site, please see How to Customize Your Site with CSS

  1.  Go to AppearanceCustomize
  2. Expand the Additional CSS panel. If you have DevKit, open the DevKit panel instead.
  3. Add the appropriate snippet for what you want to do:

If you want your posts to have no space between the title banner and the content (for use with Visual Composer) , remove the 4% from the padding:

First, ensure the page is set to use the Blank page template.