Fully Responsive Block Level Design Controls and More!
Block Styles for WordPress is your ultimate design solution to easily build beautiful websites with advanced design options, turning the block builder into a true page builder WYSIWYG experience.
Unlock the full potential of the WordPress Gutenberg editor with our Block Styles plugin.
Block Styles give you fully responsive block-level design control over the blocks you are already using, turning WordPress’ Block Builder into a true page build.
Simplify
Easily add extra custom styles to your block with a few simple clicks
Settings
Control all styling features
Animation
Add animation transitions easily
Customize
Add your own custom CSS
Features
1/8 ⇁
Device & State-Specific Controls
Ensure your web pages look great on all devices including desktop, mobile, and tablets. Easily toggle between devices to customize blocks and take advantage of our hover control for an alternative page editing experience.
- Desktop
- Table
- Mobile
- Hover
Coming Soon
- Custom Device Sizes
- Pseudo Elements
2/8 ⇁
Layout
Control the layout of WordPress blocks with advanced dimension and display settings. With Block Styles spacing options, there’s no need for the Spacer Block. Visibility settings let you control who sees content based on User Role, device size, and login status.
Dimensions
- Set Width & Height
- Set Minimum Width & Height
- Set Max Width & Height
Spacing
- Full Margins Controls
- Full Paddings Controls
- Linked and Unlinked Sides
- Support Negative Margins
- Set inputs to inherent, auto, or whatever you want
- No more need for the Spacer Block
Display
- Opacity
- Display
- Floats
- Overflow
- Position
- Z-index
- Full Flex Support
Visibility
- Based on Device Size
- Based on Login Status
- Based on User Role
Coming Soon
- Custom Device Sizes
- LearnDash & Woo Subscriptions
3/8 ⇁
Backgrounds
Customize the background of every Gutenberg block with any color you wish. Utilize several gradient options, including linear and radial settings. Want a block background to be an image? Select any image you like to serve as a background to any WordPress block.
- Color
- Gradient
- Images
- Alpha Transparencies
Coming Soon
- Video Backgrounds
- Multiple Backgrounds
4/8 ⇁
Borders
Select border styles including dotted, hidden, inset, and more. Full radius controls and box-shadow options let you decide exactly how you want your borders to look on your site.
Borders
- Style
- Color
- Width
Radius
- Full Radius Controls
Box Shadow
- Type
- Offset
- Blur
- Spread
Coming Soon
- Dividers
- Multiple Borders
- Multiple Box Shadow
5/8 ⇁
Typography
Block Styles gives you several options when it comes to typography. Font customization, text alignment, height, and size are all interchangeable. Full Google font support and even the ability to embed your own font.
- Font Color
- Font Family
- Font Weight/Style/Appearance
- Text Alignment
- Letter Case
- Font Size
- Line Height
- Letter Spacing
- Custom Font Embedding
- Full Google Font Support
6/8 ⇁
Effects
Create unique effects to bring your WordPress website to life! Our Block Styles plugin offers fun animation and transition effects to engage your website visitors with your content.
Transitions
- Property
- Duration
- Timing Function
- Delay in Milliseconds
Animations
- Name
- Duration
- Timing Function
- Delay
- Iteration Count
- Direction
Masks
- Build-in & Custom Shapes
- Full Size & Position Controls
7/8 ⇁
Advanced
Are you looking to customize your Gutenberg blocks to your exact specifications? No problem! Block Styles allows you to customize any content block with your own CSS.
Custom CSS
- Rather write your CSS by hand?
- Want to do something more advanced?
Coming Soon
- Data Attributes
8/8 ⇁
Full Membership
A membership unlocks access to not only our robust Block Styles plugin, but our new Dynamic Content plugin, and our complete Styles Library. You also receive Gesso Theme support and access to our video tutorials.
- Block Styles
- Dynamic Content
- Premium Styles Library Assets
- Gesso Theme Support
- Video Tutorials
- Fully Documented
- Dedicated Support
- And More!
See what other WordPress Users
are saying about Block Styles
We really enjoy seeing how our users are creating with Block Styles. If you have something you are proud of and us to show it off, please send your showcase or testimonial via our contact page.
“Clean, Performant, Easy to use, and Fairly Optimized…
The Gutes Approves!”
The Gutes
“I really wanted Gutenberg to be great, So, we extended it with the function it needed to become a true page builder.”
James Tryon
“Showing the world the Block Editor does not need to suck.”
Roy Sivan
Block Styles Pricing
Block Styles for WordPress offers unique customization options and features you can’t get anywhere else. Save time & money creating beautiful web pages while enhancing your WordPress design skills.
- Video Tutorials
- Fully Documented
- Dedicated Support Team
- 1 Year of Support & Updates
Frequently Asked Questions
Please reach out if your questions are not answered.
Does Block Styles add any blocks?
Not at this time. We enhance the core blocks you already have. We do have plans for adding some useful blocks soon.
Does Block Styles work with the Full Site Editor?
Yes, Block Styles work with the Full Site Editor(FSE). Some block functions are limited.
Does Block Styles support responsive changes?
Yes! We support 3 breakpoints and will soon have support for custom media queries.
Can Block Styles be used with Elementor, Beaver Builder, or other Popular Page Builders?
Block Styles can work alongside your Page Builder of choice in the block editor but can not be used inside any other page builder at this besides the core Page Builder or Gutenberg.
Can you enable Block Styles for custom blocks?
You sure can! We have added hooks and filters and have the full process documented on our site.