resizable-blocks-widget

To enable the use of resizable-blocks-widget within an article, add a div with an id="custom-use-resizable-blocks-widget" as shown in the following code:

<div class="custom-use-resizable-blocks-widget"></div>

Any text or HTML placed inside the mentioned <div> will not be displayed in the article page. However, by adding this div, you enable the use of the resizable-blocks-widget and every Content Block that is correctly defined will be displayed with the resizable-blocks-widget styling.

The proper way to define a Content Block is to wrap every tag with a <div class="custom-resizable-content-blocks">. Inside you must place an <h1> tag to define the title of the block and any other content you want to display when opening the widget.

Here is an example of a properly defined block (you can verify the Content Block structure by clicking on the source code button </> at the top of the edit page):

<div class="custom-resizable-content-blocks">
  <h1>Title of the block</h1>
  <p>
    Text to be displayed. (Can contain other HTML tags inside).
  </p>
</div>

Note: All the <h1> tags inside the <div class="custom-resizable-content-blocks"> will be removed and only the first appearance will be used as the block title. Please don't use other <h1> tags inside the content of the block.