← Back

Customize CoBlocks with CSSHero

Learn how to easily customize your CoBlocks powered website by visually editing each element. You'll just need to install and activate the CSSHero WordPress plugin.

About this Plugin

CoBlocks is a collection of custom blocks for the Gutenberg editor, which is the default WordPress content editor. It was created with the goal of providing WordPress users with a powerful and flexible way to create custom page layouts and designs, without needing to be an expert in web design or development.

CoBlocks includes a wide range of content blocks that you can use to create everything from basic page layouts to complex designs, all without having to write a single line of code. With CoBlocks, you can easily create custom hero sections, galleries, testimonials, pricing tables, and more, with just a few clicks.

Why CoBlocks is the perfect plugin for WordPress users

There are a number of reasons why CoBlocks is the perfect plugin for WordPress users of all skill levels. Here are just a few of the most important:

  1. It’s easy to use – Even if you have no experience with web design or development, you’ll find that CoBlocks is incredibly user-friendly and intuitive.
  2. It’s flexible – With a wide range of custom blocks to choose from, you can create a virtually unlimited number of page layouts and designs.
  3. It’s visually stunning – CoBlocks includes a variety of visually stunning blocks that will help you create engaging and dynamic pages that will keep your visitors coming back for more.
  4. It’s constantly evolving – The team behind CoBlocks is always working to improve and add new features to the plugin, so you can be sure that you’re getting the most up-to-date and powerful plugin available.

How to get started with CoBlocks

Getting started with CoBlocks is easy. Simply download the plugin from the WordPress repository, and install it on your website. Once you’ve installed the plugin, you’ll have access to all of the custom blocks that it includes.

To use a block, simply click on the “+” icon in the Gutenberg editor, and search for the block that you want to use. Once you’ve selected the block, you can customize it to your liking using the block settings.

Using CSS Hero to visually customize CoBlocks elements

While CoBlocks elements have some visual settings that can be tweaked in the Gutenberg interface, CSS Hero can give you additional tools to take your customization further.

In this video we show how you can use CSS Hero to style three sample Gutenberg blocks from the CoBlocks plugin: the accordion, an alert, and a map.

Some of the most popular blocks included with CoBlocks include the Hero Section, which allows you to create custom hero images and headings for your pages, the Features block, which lets you highlight the key features of your products or services, and the Testimonials block, which allows you to showcase customer reviews and feedback.

List of Available CoBlocks:

  • Alert
  • Author Profile
  • Buttons
  • Carousel
  • Click to Tweet
  • Dynamic HR
  • Events
  • Features
  • Food & Drinks
  • Form
  • Gallery
  • GitHub Gist
  • Hero
  • Icon
  • Logos & Badges
  • Map
  • Masonry
  • Media Card
  • Pricing Table
  • Row
  • Section
  • Services
  • Shape Divider
  • Social Sharing
  • Spacer
  • Stack
  • Tabs
  • Timeline
  • Toggle
  • Video

Overall, CoBlocks is an incredibly powerful and versatile plugin that can help you take your WordPress website to the next level. With its wide range of custom blocks and user-friendly interface, it’s the perfect choice for anyone looking to create engaging and visually stunning pages, without needing to be an expert in web design or development.

If you use (or plan to use) this Plugin...

CSS Hero can help you deeply and quickly customize the CoBlocks Plugin, solving some common issues like:

  • How to customize fonts in the CoBlocks WordPress Plugin, to make font biggers or change typeface for titles and header texts
  • How to change CSS background image on the CoBlocks WordPress Plugin and build background fades
  • How to change colors and styles on CoBlocks WordPress Plugin
Plugin Author Website Visit Plugin Page

User Feedbacks