=== Section Separator Block – Visually Separate Page Sections === Contributors: bplugins, abuhayat, charlescormier,asadsuzan, freemius Donate link: https://www.buymeacoffee.com/abuhayat Tags: block, wave section separator, separator, wave separator, Gutenberg block Requires at least: 6.5+ Tested up to: 6.8 Stable tag: 1.0.5 Requires PHP: 7.1 License: GPLv3 or later License URI: http://www.gnu.org/licenses/gpl-3.0.html Create beautiful and customizable section separators for your WordPress pages. ==Description == The Section Separator Block allows you to add elegant **Wave, Pill, and Gradient separators** to visually divide your content. Customize styles, animations, colors, and positions without writing any code. Perfect for modern page layouts, landing pages, portfolios, and more. With full Gutenberg support, responsive design, and Pro features for advanced customization, this block enhances page aesthetics and user experience. **[Demos](https://bblockswp.com/demo/separator/)** ### Perfect for: – Section dividers for yor wordpress site – Decorative separators for portfolios Lightweight, flexible, and beginner-friendly. == Free Features == **Wave Separator** – Create multiple waves with individual settings – Adjust wave speed and shape – Control stroke width and fill/stroke colors per wave – Place waves at Top, Middle, or Bottom – Set overall separator height (px, %, em) == Pro Features == **Wave Separator** – Vertical flip option to invert waves – One-click wave presets (Ocean, Neon Glow, Fire, Sunset) – Wave directions & motion (Left → Right, Right → Left, Static, Bounce, Inverted) – Control wave smoothness via segment count – Adjust wave amplitude (height) **Pill Separator** – Per-pill customization (background & text colors, rotation, individual styling) – Pill item styling (typography, spacing, padding, border & radius, shadow effects) – Animation & motion (infinite marquee, left/right scroll, enable/disable, speed control) – Pill track styling (custom padding, margin, background: solid, gradient, image) **Gradient Separator** – Organic waves background (enable/disable, solid/gradient, wave height, opacity, direction) – Gradient pattern overlay (decorative patterns, opacity, rotation, spacing, stripe colors & sizes) – Gradient item styling (shadow, padding, border, radius, pill/card style) – Compact version for pricing tables: multi-item gradient, per-item text/color, waves & pattern overlays **Support** – Priority support & updates = How to use = - First, install the Section Separator plugin. - Add the Section Separator block from the block category called "Widgets" in the Gutenberg editor. - You can change block settings from the right-side settings sidebar. - Enjoy! * For installation help click on Installation Tab = Feedback = - Did you like this plugin? Dislike it? Do you have a feature request? [Please share your feedback with us](mailto:support@bplugins.com 'Send feedback') ### Check out the Parent Plugin of this plugin- [**B Blocks**](https://bblockswp.com) – A blocks collection and page building tool for Gutenberg. ### Check out our other WordPress Plugins- [**Html5 Video Player**](https://bplugins.com/products/html5-video-player/) – Display videos as single and playlist in multiple skins. [**PDF Poster**](https://bplugins.com/products/pdf-poster/) – Display/Embed PDF files with different styles. [**Html5 Audio Player**](https://bplugins.com/products/html5-audio-player/) – Listen audios with awesome visuals. [**StreamCast**](https://bplugins.com/products/streamcast-radio-player/) – Customizable radio player with different skins. [**3D Viewer**](https://bplugins.com/products/3d-viewer/) – Embed 3D models and 3D products with interaction. [**Advanced Post Block**](https://bplugins.com/products/advanced-post-block/) – Show posts and custom posts in different layouts. == Installation == = From Gutenberg Editor: = 1. Go to the WordPress Block/Gutenberg Editor 2. Search For **Section Separator** 3. Click on the **Section Separator** to add the block = Download & Upload: = 1. Download the **Section Separator** plugin (*.zip file*) 2. In your admin area, go to the Plugins menu and click on **Add New** 3. Click on **Upload Plugin** and choose the **`separator.zip`** file and click on **Install Now** 4. Activate the plugin and Enjoy! = Manually: = 1. Download and upload the **Section Separator** plugin to the **`/wp-content/plugins/`** directory 2. Activate the plugin through the Plugins menu in WordPress == Frequently Asked Questions == = Is Section Separator free? = Yes, Section Separator is a free Gutenberg block plugin. = Does it work with any WordPress theme? = Yes, it will work with any standard WordPress theme. = Can I change block settings? = Yes, you can change block settings from the Gutenberg block editor's right sidebar. = How many times can I reuse a block? = You can use unlimited times as you want. = Where can I get support? = You can post your questions on the [support forum here](https://wordpress.org/support/plugin/section-separator/) == Screenshots == 1. Settings 2. Section Separator == Changelog == = 1.0.5 - 27 Nov 2025 = * Improve Optimization. = 1.0.4 = * Add translate feature = 1.0.3 = * Fix Render Issue = 1.0.2 = * Reduce PHP Code * Performance Improvements = 1.0.1 = * Reduce PHP Code = 1.0.0 = * Initial Release.