This module provides a block style with many configuration options to allow easy customization of the appearance and markup of your blocks — without writing any code.
- Colors — Set custom background and text colors, or use theme defaults
- Tint — Add a color tint overlay over a background color or background image
- Height — Set a fixed, responsive (min/max with viewport-relative scaling), or image-fitted height for hero blocks
- Border — Add a custom border with configurable size, style, and color
- Corners — Set rounded or square corners with a configurable radius
- Shadow — Add a drop shadow with configurable size and color
- Padding — Set custom top, right, bottom, and left padding values
All settings sections collapse automatically when at their defaults, keeping the configuration form compact. Sections with active customizations stay open for easy review.
Install this module using the official Backdrop CMS instructions at https://backdropcms.org/guide/modules.
-
Go to Admin > Structure > Layouts and select "Manage Blocks" for the layout you wish to edit.
-
Choose the block you wish to style and select "Configure".
-
Open the "Style" section and choose "Configurable" from the style selector.
-
Expand the settings sections you want to customize, make your choices, and click "Update Block".
-
Save the layout for changes to take effect.
See screenshots: https://github.com/backdrop-contrib/configurable_block_style/wiki
Video: https://youtu.be/WfuUIVzjQUg (does not include all recent features)
- Joseph Flatt (hosef)
- Tim Erickson (stpaultim)
This project is GPL v2 software. See the LICENSE.txt file in this directory for complete text.