The Advanced options allow you to add or modify additional attributes of GB blocks.
WP Options
HTML and Additional CSS Class(es) are two default options available for all WP Gutenberg blocks, including all GB blocks.
HTML anchor
This option allows you to add an ID attribute to the element and create an anchor for the element.
Additional CSS Class(es)
This option allows you to add additional CSS class(es) to the element.
Tag Name
Available in Container block and Headline block.
This option allows you to change the tag name for the selected element.
Tag name for container
This option allows you to change the tag name for the Container block
The available tags for Container block:
- div
- article
- section
- header
- footer
- aside
Tag name for headline
This option allows you to change the tag name for the Headline block.
The available tags for Headline block:
- h1
- h2
- h3
- h4
- h5
- h6
- paragraph
- div
- figcaption
author avatar
Author avatar is a small image that is associated with a user account
It can be uploaded/changed at WP dashboard > users > profile > profile picture.
Custom Attributes
Available in Container block, Headline block, Button block, and Image block.
This option allows you to add custom attributes to the selected element.
Add attribute
It allows you to add one custom attribute at a time by clicking the Add Attribute button.
data-attribute
It allows you to use one of the following HTML attributes in the data attribute field:
- data-*
- aria-*
- title
- download
- role
- itemtype
- itemscope
- itemprop
Value
It allows you to add a value for the data attribute.
Hide On Options (Pro feature)
Available in Headline block, Button block, Image block, and Container block.
This option allows you to hide the selected element depending on the screen width.
Hide on Desktop
When this option is toggled, the selected element will be hidden on the desktop (screen width at 1025px or wider)
Hide on tablet
When this option is toggled, the selected element will be hidden on the tablet (screen width from 768px to 1024px).
Hide on mobile
When this option is toggled, the selected element will be hidden on the mobile (screen width at 767px or narrower).
Button Type
Available in Button block.
This option allows you to choose from link or <button> as the button type.
Block Label
Available in Container block, Grid block, and Query loop block.
With this option, you can conveniently assign a label to the blocks in the list view, simplifying its accessibility and management. By adding a descriptive label, you can quickly identify and locate the specific container block among various elements, streamlining your workflow and enhancing organization within your project.
Before adding labels:
After adding labels:
