WordPress Responsive Columns in ZeGuten Section Block

ABOUT THE AUTHOR

I’m the SEO specialist at Webcodebuilder and ZEMEZ, companies that create templates powered by Gutenberg WordPress editor and Elementor page builder . We also have ZeGuten multipurpose plugin, which expands Gutenberg's possibilities.

Best Gutenberg block plugins for WordPress
Prev post
  • Apr 09, 2020
  • 3 min read
  • 1,850

WordPress Responsive Columns in ZeGuten Section Block

In this quick overview, we are going to talk about WordPress responsive columns in ZeGuten Section block. This block will allow you to build any webpage because it was made as the parent element for any other block.

You are able to add a responsive column, shape background, or video background. With ZeGuten Section block, the process of enriching your website with original backgrounds comes effortlessly. 

Sections are powerful instruments to build attractive designs concerning an image background, or even gradients and shapes.

Adding a Section Block with Responsive Columns

To add a Section block, you need to click on the “+” icon and select it. The block consists of at least one Column element, however, the default section comes with two columns.

WordPress Responsive Columns in ZeGuten Section Block

Also, in the General Settings tab, you can set a bunch of properties according to the size and spacing. We will pick 1 column to showcase and choose the width of the content as boxed.

Here you can also set the container maximum width in pixels. As well as the individual column gap. However, this very property you are able to set in while customizing responsive columns.

general settings

WordPress responsive columns in ZeGuten Section Block can be as height as you want. One of the key features of the block is its responsiveness. You are able to set margins and padding on desktop, tablet and mobile phone.

In this tab, you can also set the vertical content position, add a border and its radius.

spacing

Customize the Section Background

The design possibilities of the Section block are really limitless. In the Background tab, you are able to set an image for your background and even set a text color for any text element inside the section.

However, if you want to make your background more entertaining, add an image. Set its position and pick the attachment. You can also decide whether you want an image to repeat and set its size. Moreover, if this is not enough for you, add a video background for WordPress block.

WordPress Responsive Columns in ZeGuten Section Block

Don’t want anything to disturb the visitors from the text? Not a problem! Add a gradient for block by picking one of 8 gradient layouts. Set ranges and colors and fill your section with content.

add gradient

One more stunning feature of the Section block is the ability to add shape background. Enable the custom figure and set 8 positions: 4 for X and 4 for Y. With the help of this tool, you can make an unusual and eye-catching block with rectangle, octagon or custom shape as a background.

add shape

Finally, when all the design solutions are made, you can any content you want inside the responsive columns, from Posts block to pricing tables or blurbs.

WordPress Responsive Columns in ZeGuten Section Block

Congratulations! Now you know how to add and customize a Section block! Learn more with our useful tutorials and overviews by subscribing!

2
Appreciate
Banner ZeGuten block for Gutenberg
Next post
Best Gutenberg block plugins for WordPress
Prev post
Banner ZeGuten block for Gutenberg
Next post

Get Gutenix Subscription

Create unlimited Gutenberg, Brizy and Elementor websites with dozens of templates, premium blocks and a lightweight theme — all in one toolkit!

Meet Gutenix, the devoted team of developers that stands behind many projects created with Elementor & Gutenberg. We're inspired by WordPress, and are always looking for an opportunity to make WordPress easier for everyone.
Copyright © 2024 Gutenix. All Rights Reserved.