Block Styles

Component ID

2630742

Component name

Block Styles

Component type

module

Maintenance status

Development status

Component security advisory coverage

covered

Downloads

5388

Component created

Component changed

Component body

Using the Styles API Module allows to set different styles for block wrapper theme.

This module affects only block.html.twig, and not the way content is displayed.

Classes could be added to block wrapper, even if block theme has not been overwritten.

The styles selector is shown at the end of the block configuration form.

Installation

  • Download and install Styles API Module.
  • Download and install Block Styles.
  • Enter to the block configuration form and select styles.

Included styles

  • Clean wrapper (cero marckup)
  • Bootstrsap styles on submodule (modal, dropdown, card and collapse)

For developers

New layouts can be defined using *.themes.yml with type=block. Please refer to Styles API Module for detailed information.