Section
Section block acts as an outer wrapper and allows adding any Gutenberg block within it.
Last updated
Section block acts as an outer wrapper and allows adding any Gutenberg block within it.
Last updated
Open a page or a post and click on the plus icon to add a new block and look for the Section or you can search for it if it doesn’t pop up quickly for you.
To configure your Section block, switch to the ‘Content’ tab.
Inner width or Width options will be available depending on whether the section block is full width or not.
Inner Width: Select inner width for Full-width section.
Width: Increase or decrease the width of the section.
z-index: Set z index for the section.
You can select a background type for the block from here. The options available are:
Color
Gradient
Image
Video
Opacity: You can set the opacity for background from here.
Switch to the ‘Style’ tab to customize the Section block.
The Spacing tab offers options to customize the padding and margin separately for Top, Bottom, Left, and Right.
You can set different paddings and margins for Desktop, Tablet, and Mobile devices.
Border Style: You can select the style of the border as solid, dotted, rigged, double, dashed, etc. You can also choose to hide it.
Border Width: Set a width for the border from here.
Border Color: You can give color to the border from here.
Border Radius: You can give border-radius to the box from here.
Box Shadow: You can give box-shadow to the block with a number of options available for customization such as color, blur, spread, position, etc.
Border Style: You can select the style of the border as solid, dotted, rigged, double, dashed, etc. You can also choose to hide it.