How to Remove Block Elements

This tutorial will show you how to remove elements in Stackable blocks like buttons, images and the like.

Removing Block Elements

What it’s For
  • Stackable blocks come with different areas or block elements. While these elements are all useful, some designs require that some block elements be removed (ex. button)
How to Do It
Removing Text
  • Block elements that contain text can be removed by deleting the placeholder text or other text you previously used
  • This will remove headings, sub-headings, descriptions and other text areas of Stackable blocks
  • After removing the text, the placeholder text will be grayed out and will no longer appear when you click out of the block or when you publish your post or page.
Removing Buttons
  • Buttons can be removed by deleting the button text. This will remove individual buttons from Stackable blocks
  • You can remove all buttons from Stackable blocks.
  • After removing the button, the placeholder button will have the text grayed out and will no longer appear when you click out of the block or when you publish your post or page.
Removing Images
  • You are not required to add an image to Stackable blocks. If you do not add any image, the placeholder image icon will be removed when you click out of the block or when you publish your post or page.
  • If you want to remove an image that you previously added, click the x on the upper right corner of the image.

Requirements for Running Stackable

Stackable is part of the new ecosystem that WordPress has created with the advent of the WordPress Block Editor. The following system requirements will be needed to make sure that you can run Stackable at its optimum performance.

WordPress Version

WordPress 5.0 and above

PHP Version

PHP 5.2 or greater

Browser

For Editing Pages: While you can use any browser to edit pages using Stackable, it is recommended that you use Chrome, Firefox or Safari.

For Displaying Pages: You can also use any browser to display pages made with Stackable. However, note that since IE is an older browser, it might not employ the technology to properly support Stackable to display all aspects of the pages correctly.

Device

It is ideal to edit with Stackable using desktop computers and laptops.

While editing with mobile is technically possible, it is not recommended since it will be hard to make sure that your design will be implemented properly. Designing through your mobile for different screen resolutions will be very difficult.

Web Hosting

Stackable can be used with any web host.

How to Use Seamless Layout Switching

This tutorial will show you how you can maximize your design options by using seamless layout switching.

Using Seamless Layout Switching

What it’s For
  • Seamless Layout Switching is a powerful tool that allows you to switch between different Stackable layouts with just the click of a button.
  • The main benefit of Seamless Layout Switching is you do not need to implement different designs from scratch in order to compare different design layouts.
How to Do It
  • Add a block and implement your design by using the text, colors, effects and other features that you want.
  • Seamlessly switch between the available Stackable layouts in the inspector (right side) and decide on the best one for you.
  • Stackable comes with basic and plain layouts for free.
  • Stackable Premium gives you access to 50 additional premium layouts.