Advanced Options Overview

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: