BTB Full Width Section

by Birk Thestrup Blauner

Download

Description

A Full width Section block with background color or image.

With image background can paralax effect enables and overlay enables for easier text read.

Installation

This section describes how to install the plugin and get it working.

e.g.

Upload the plugin files to the /wp-content/plugins/btb-full-width-section directory, or install the plugin through the WordPress plugins screen directly.
Activate the plugin through the ‘Plugins’ screen in WordPress

Screenshots

A full width section with a frog image and a full width section with a red background.

Faq

Can I customize sizing of the inner content width?

Yes. There are custom variables on the block that defines the width and padding.
Overwrite the following variables in your style.css
.wp-block-btb-full-width-section – The container class
–content-size – The content size. Default is 650px
–wide-size – The wide content size. Default is 1000px
–block-gap – The gap between blocks. Default is var(--wp--style--block-gap, 1.5rem)
–outer-spacing – The padding of the sides. Default is max(1.25rem, 5vw)

Reviews

Changelog

2.0

Danish Translations
Added CSS variables for easier adaptation in themes

1.0

Initial plugin