Wait! Are you leaving?

Try Gutenix subscription for Free !

  • +6 Free templates for Elementor and Brizy
  • Free Gutenix theme
  • Warm hugs from Gutenix team!

ZeGuten overview of the Section block with responsive columns

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
Prew post
  • Apr 09, 2020
  • 3 min read
  • 238

ZeGuten overview of the Section block with responsive columns

In this quick overview, we are going to talk about ZeGuten Section block with responsive columns. 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 a video background. WithZeGuten 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.

add section

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

ZeGuten section 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.

add image

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.

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.

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.

add content

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
Prew post
Banner ZeGuten block for Gutenberg
Next post

Get Gutenix Subscription

Create unlimited websites with dozens of templates, premium Gutenberg blocks and lightweight theme — all in one toolkit.

Meet Gutenix, the devoted team of developers that stands behind ZeGuten plugin and Gutenix free theme. We're inspired by WordPress, and are always looking for an opportunity to make WordPress easier for everyone.
Subscribe to get the news from Gutenix! Be the first to know of updates & discounts!
Enter a valid email!
Server error. Please, try again later!
Form was successfuly submited!
Follow Us:
Copyright © 2020 Gutenix. All Rights Reserved.