google-site-verification=Ls9KcWrF2YZT7kMIaBSLGLUrYl--Png3qoN53OOo4WM Section - A MAGICAL Gutenberg block! - Spectra

Section – A MAGICAL Gutenberg block!

Spectra is already creating a boom with new Gutenberg editor! I’m sure you must have experienced the power and flexibility of the Spectra blocks. Pushing our limits further, we are now introducing a magical – Section block for Gutenberg. Yes! A MAGICAL BLOCK!

Before moving further, here are a few questions for you…

  • Have you ever wanted to add margin / padding within a Gutenberg block?
  • Would you like to add a nice gradient background for any Gutenberg block?
  • Wish to set content width for a particular block with a nice border in a different color?

If your answer to all or any of these questions is yes, this block will work like magic for you! Section block is a perfect supplement for all other blocks in Gutenberg. This block is an outer wrap section that allows adding other blocks within it. You can have a look at the stunning demo we built with this block.

Here is a detailed list of what this block offers –

  • Manage Full Width and Boxed Content Width for a block with responsive support
  • Add Margin and Padding from all sides
  • Use Background options as Color/ Gradient/ Image/ Video
  • Use Borders with 8 different styles and your favorite color

You can use ANY Gutenberg block within the Section block and apply above properties to it. This block removes all limitations of native Gutenberg blocks and allows you to achieve the more flexible design. We’ve already started working on creating beautiful designs with the Starter Templates.  

Spectra Section Demo

Amazing!!! Right? 🙂

How to use this stunning block?

To use Section block all you have to do is install the Spectra and start using it. To know more about the block refer to a detailed knowledge base article about Spectra’s Section Block!
We can’t wait to see some out of the box designs on your websites created using the Section block. I’m sure you will love it as much as I do. We would love to see happy reviews in the comments below. In case you need any help simply write to us!

Cheers ?

Disclosure: This blog may contain affiliate links. If you make a purchase through one of these links, we may receive a small commission. Read disclosure. Rest assured that we only recommend products that we have personally used and believe will add value to our readers. Thanks for your support!

About The Author

9 thoughts on “Section – A MAGICAL Gutenberg block!”

  1. Torben Ringsø Jensen

    How can I customize the width of a section? As an example I need as standard ‘Boexed’ width: 1140 px.

  2. This is so helpful – thank you!

    Can I ask…do you plan to keep this updated with future WordPress releases?


  3. You could conquer the Gutenberg market if you transform Spectra plugin into a website builder like Divi/Elementor/Brizy/Oxygen with header/footer builder, with dynamic blocks like Woocommerce modules, post grid, dynamic content and so on…
    What do you think about this?

    1. Thank you for the great suggestion! The Ultimate Addons here is an addon for Gutenberg. We will surely try making many more dynamic blocks that you mentioned. 🙂

  4. Hi! Is there a way to do a simply slider image with UaG ?? I don’t find anything about it, no more plugins please..

    1. Hello Emme,

      As of now, we do not have the option to insert Slider Image with Spectra. But, thanks for your request, we shall consider the same in the near future. 🙂

Leave a Comment

Your email address will not be published. Required fields are marked *

Build Ultra High performance
Websites, Without Coding

Whether you are a beginner, marketer, or professional, Spectra has the tools and resources you can rely on to succeed

Get your hands on Spectra pro

Enter your name and email address and be the first to learn about updates and new features.

Download is Just A Click Away!

Enter your email address and be the first to learn about updates and new features.