↓ Skip to Main Content
Cyberchimps Logo

Main Navigation

  • Pro
  • Starter Templates
    • Free Templates
    • Premium Templates
  • Pricing
  • Login
Get Started
Cyberchimps Logo

Off Canvas Menu

  • Pro
  • Starter Templates
    • Free Templates
    • Premium Templates
  • Pricing
  • Login

Installations & Updates

1
  • How to Install and Activate the Responsive Blocks Addons (RBA) Plugin?

General

7
  • Custom CSS feature in Responsive Blocks
  • Responsive Blocks – Block Presets
  • Responsive conditions
  • Display Conditions Extension
  • Animations Extension
  • Pattern Importer
  • Responsive Blocks plugin- Introduction

Blocks

50
  • Container
  • Feature Grid
  • Progress Bar – Responsive Blocks
  • Accordion Block
  • Video Popup
  • WP Search
  • Tabs
  • Taxonomy List
  • Team
  • Testimonial
  • Testimonial Slider – Responsive Blocks
  • Post And Page Grid
  • Section
  • Shape Divider
  • Social Share
  • Spacer
  • Table Of Contents – Gutenberg Blocks
  • Info Block
  • Inline Notice Block
  • Instagram Feed Block
  • Masonry
  • Multi Buttons
  • Portfolio – Responsive Blocks
  • Post Carousel – Responsive Blocks
  • Post Timeline
  • Pricing List
  • Pricing Table – Responsive Blocks
  • Flip Box
  • Google Map – Responsive Blocks
  • Icon List
  • Image Boxes
  • Image Hotspot – Responsive Blocks
  • Image Slider – Responsive Blocks
  • Count Down
  • Count Up
  • Divider – Gutenberg Blocks
  • Expand/Show More
  • Card
  • Content Timeline
  • Popup Block
  • Image Block
  • Contact Form 7 Styler – Responsive Blocks
  • Advanced Column
  • Advanced Heading
  • Advanced Text
  • Anchor Block
  • Blockquote
  • Call/Mail Button
  • Call To Action – Responsive Blocks
  • Form Blockย 
View Categories
  • Home
  • Docs
  • Responsive Blocks
  • Blocks
  • Divider – Gutenberg Blocks

Divider – Gutenberg Blocks

You can add this Divider block between your blocks to make them more distinguishable.

How To Add The Divider Block

  1. 1.Open a page or a post and click on the plus icon to add a new block and look for the Divider or you can search for it if it doesnโ€™t pop up quickly for you.
  2. 2.By default, you’ll get the below design-
Add divider

How To Configure The Divider Block

To configure the content of your Divider block, switch to the โ€˜Contentโ€™ tab.

Vertical Margin – Give space for the top and bottom of the divider.

Divider Style – You can select the style of the divider as solid, dots, or rigged.

Divider Height – You can set the height for the divider from here.

Divider Width – You can set the width for the divider from here.

Add content

How To Style The Divider Block

Switch to the โ€˜Styleโ€™ tab to customize the Divider color.

Divider Color

Give color to the divider from here.

Updated on February 26, 2025

What are your Feelings

  • Happy
  • Normal
  • Sad

Share This Article :

  • Facebook
  • X
  • LinkedIn
  • Pinterest
Count UpExpand/Show More

Our Products

Responsive Pro

Responsive Addons for Elementor

Starter Templates

Responsive Blocks

WP Legal Pages

GDPR Cookie Consent

Powered by Responsive WordPress theme

Our Products

Responsive Pro

Responsive Addons for Elementor

Starter Templates

Responsive Blocks

WP Legal Pages

GDPR Cookie Consent

Powered by Responsive WordPress theme

Resources

Starter Templates

Responsive Platform

Learn Elementor

Testimonials

Compare Astra/Kadence

TrustPilot

CCPA

Video Tutorials

Resources

Starter Templates

Responsive Platform

Learn Elementor

Testimonials

Compare Astra/Kadence

TrustPilot

CCPA

Video Tutorials

Theme Features

Responsive Features

WooCommerce

Header Footer Builder

Site Builder

Child Theme Generator

Download Free Theme

DFY Website Setup

Theme Features

Responsive Features

WooCommerce

Header Footer Builder

Site Builder

Child Theme Generator

Download Free Theme

DFY Website Setup

Company

About

Pricing

Blog

Brand Assets

Affiliate Program

Contact Us

Terms of Service

GDPR Privacy Policy

GDPR Cookie Policy

Website Design Service

Company

About

Pricing

Blog

Brand Assets

Affiliate Program

Contact Us

Terms of Service

GDPR Privacy Policy

GDPR Cookie Policy

Website Design Service

Support

Login

Whatโ€™s New

Documentation

Request Support

Video Tutorials

Refund Policy

Service

Discount Coupon

Bug Bounty Program

Support

Login

Whatโ€™s New

Documentation

Request Support

Video Tutorials

Refund Policy

Service

Discount Coupon

Bug Bounty Program

Copyright © 2010-2026 CyberChimpsย ย 

Copyright © 2010-2026 CyberChimpsย ย 

Top
Top