Introduction to Controls

What is a Control? #

In the context of ABC (Advanced Block Controls), a control is a group of related settings that affect specific aesthetic aspect of a block, such as typography, background, or spacing. Each control allows you to customize these aspects to enhance the visual appeal and functionality of the block.

List of Controls Provided by ABC #

ABC offers a comprehensive suite of controls to cater to all your design needs. Here’s a list of the controls available:

  • Typography Control: Fine-tune text appearance with options for fonts, size, line height, and color.
  • Background Control: Set colors, gradients, or images as block backgrounds and add advanced effects like the parallax effect.
  • Spacing Control: Adjust margins and padding to control the space around and within blocks.
  • Border Control: Define borders and their properties such as width, style, and color.
  • Box Shadow Control: Add and customize shadows to create depth in your block designs.
  • Custom CSS Control: Apply specific CSS rules directly to blocks for precise styling.
  • CSS Transition and Transform Control: Enhance your blocks with animations and transformations to add smooth dynamic effects.
  • Device Visibility Control: Control the visibility of blocks on different devices, allowing you to hide or display elements based on the viewer’s screen size.

Enhanced Functionality with ABC Controls #

Our controls surpass the capabilities of native Gutenberg controls by incorporating several advanced features that offer a higher degree of customization and flexibility:

  • Responsive Settings for Different Breakpoints:

This feature allows you to adjust how blocks appear on various devices, ensuring your site is optimized for all screen sizes. Whether viewers are on mobile, tablet, or desktop, your site will maintain a consistent and functional appearance.

  • Hover Settings:

Unlike the core Gutenberg controls, ABC adds the ability to define behaviors and styles that activate when a user hovers over a block. This enhancement adds a dynamic interaction element to your site, making it more engaging and visually appealing.

  • Custom Element Targeting:

A significant addition not found in the default Gutenberg editor is the ability to customize controls to target specific elements within a block. This capability allows for precise design adjustments that can transform the look and functionality of individual elements within your blocks.

  • Advanced Styling Options:

ABC extends the design possibilities by offering advanced styling options. You can apply detailed customizations that go beyond the basic features, like setting advanced typography styles, border options, shadow effects, and more on a per-element basis within blocks.

What are your feelings
Updated on May 10, 2024
Get a Huge Discount When you Join Today!
Get a Special Discount Today!