Advanced Tab Options in Premium Blocks for Gutenberg Editor

Introduction

Premium Blocks for Gutenberg Editor offers a range of advanced customization options that are available across all our blocks, providing unmatched flexibility and compatibility with the Gutenberg editor for WordPress. In this article, we’ll explore the controls available under the Advanced tab, such as Layout, Responsive, Entrance Animation, and Advanced settings. These features make Premium Blocks an indispensable tool for anyone looking to enhance their WordPress site with customizable and responsive web elements.

Requirements

  • Premium Blocks for Gutenberg – The Free WordPress Plugin.
  • Recommended* Kemet Full-Site-Editing WordPress Theme.

Advanced Tab Controls

The Advanced tab features four main categories of controls:

  • Layout
  • Responsive
  • Entrance Animation
  • Advanced

Let’s take a closer look at each of these categories:

Layout

  • Width: Adjust the width of the block using PX, EM, or percentage values.
  • Z-Index: Set the stack order of the block, which helps in managing overlapping elements.
  • Margin: Define the outer spacing of the block on all four sides (top, right, bottom, left) with PX, EM, or percentage values.
  • Padding: Set the inner spacing of the block on all four sides (top, right, bottom, left) with PX, EM, or percentage values.
Premium Blocks Advanced Tab Layout Settings: width, z-index, margin, and padding.
Premium Blocks Advanced Tab – Layout Settings

Responsive

  • Hide in Desktop: Toggle to hide the block on desktop devices.
  • Hide in Tablet: Toggle to hide the block on tablet devices.
  • Hide in Mobile: Toggle to hide the block on mobile devices.
Premium Blocks Advanced Tab Responsive Settings on desktop, tablet, and mobile.
Premium Blocks Advanced Tab – Responsive Settings

Entrance Animation

  • Animation: Choose from a variety of entrance animations to make your block appear with a visual effect when it enters the viewport.
  • Easing: Select the easing function to control the animation speed curve.
  • Duration: Adjust the duration of the animation in milliseconds.
  • Delay: Set a delay before the animation starts, in milliseconds.
Premium Blocks Advanced Tab Entrance Animation Settings: animation type, easing type, duration, and the delay.
Premium Blocks Advanced Tab – Entrance Animation Settings

Advanced

  • Additional CSS Class(es): Add custom CSS classes for more advanced styling options.
  • Block Name: Assign a unique name to the block for easy identification in your block list.
Premium Blocks Advanced Tab Advanced Settings: additional CSS classes, and block name.
Premium Blocks Advanced Tab – Advanced Settings

Enhanced Customization for All Blocks

One of the standout features of Premium Blocks for Gutenberg Editor is that these advanced customization options are available for all blocks. Whether you’re working on a simple text block or a complex interactive element, the Advanced tab gives you the tools you need to create a polished and professional-looking website.

Seamless Integration with Gutenberg Editor

Premium Blocks for Gutenberg Editor is designed to work seamlessly with the Gutenberg editor, ensuring that all the advanced customization options are easy to access and use. This integration allows you to make the most of Gutenberg’s block-based approach while adding a level of customization that goes beyond the standard options.

Conclusion

The Advanced tab in Premium Blocks for Gutenberg Editor offers a comprehensive set of controls that empower WordPress users to create highly customized and responsive web elements. These advanced features, combined with seamless integration with the Gutenberg editor, make Premium Blocks for Gutenberg Editor an essential tool for any WordPress site builder. By leveraging these advanced customization options, you can ensure your WordPress website not only looks great but also functions perfectly across all devices. Enhance your site’s functionality and aesthetics with the powerful features of Premium Blocks for Gutenberg Editor.

Need Further Help?

Have a question or need assistance? Our dedicated support team is here to help! Explore our contact options to ensure you get the support you need. We’re committed to making your Gutenberg website-building experience seamless and resolving any queries you may have.

About Leap13

Leap13 is a WordPress-focused web development firm specializing in building premium WordPress themes and plugins.

Copyright © 2024 | Built With ❤️ Using Kemet WordPress Theme and Premium Blocks