EB Wrapper

With the Wrapper block of Essential Blocks, you can present content in a more interactive way with unlimited content block styling options. A well-designed wrapper can help designers to create stunning designed web pages in Gutenberg that will grab your customer’s attention.

Follow this step-by-step guideline to design website content using the EB Wrapper block in Gutenberg:

Note: install and activate the Essential Blocks for Gutenberg plugin into your WordPress dashboard.

How To Activate EB Wrapper Block? #

Essential blocks comes with modular control which gives you the freedom to enable only using blocks. To activate EB Wrapper, navigate to Essential Blocks → Blocks. Then, toggle to enable this ‘Wrapper’ block. After that, click on the ‘Save’ button. 

EB wrapper

How To Configure EB Wrapper In Gutenberg?  #

Here, open a new page where you want to add the Wrapper of Essential Blocks. Then click on the ‘+’ icon to add a new Block. Afterward, find  ‘Wrapper’ from the search option. Simply just click on the block and it will be activated.

EB wrapper

To add blocks in your Wrapper of Essential Blocks, simply add any block in the wrapper that you want to showcase in the wrapper section. 

eb wrapper

You can add as many as blocks you want in your wrapper. Simply just click on the ‘+’ icon to keep adding other blocks. 

EB wrapper

General  #

To configure Wrapper, go to the Wrapper block setting panel. From the ‘General’ tab, you can change the content width. 

Style  #

There are tons of styling options for you to make your Wrapper truly stand out. From the Style tab, you can modify the margin, padding, background color, border & shadow color, etc. You can choose the Border Style from the 9 presets of the block. 

eb wrapper

Final Outcome #

By following the basic steps and a bit more modifying, you can style the Wrapper however you want. Play around with the settings to design a stunning Wrapper to amaze your audience.

eb wrapper

Getting Stuck? Feel free to contact our dedicated support team for further assistance.

Powered by BetterDocs