Skip to main content
Contact Us Contact Us
Free Sign-Up Sign-Up
Ready to Upgrade? Ready to Upgrade?
Video Icon Training Videos
Home
Menu

Latest

  • Learn how you can upgrade your site to CWB 3.0.

 
  • Help Center
    • Getting Started
      • How Does it Work?
      • What's Included
      • Sign-up
      • Site Examples
      • Best Practice
      • Free to Use Images and Icons
      • Private Sites
      • FAQ
      • Accessibility Platform
      • Launch Promotions
      • Website Security
    • Support
      • Contact Us
      • Training Videos
      • User Manual
      • Webform Style Guide
      • SSL Certificates
      • CWB Versions
      • Custom Block Components
      • Style Guide
      • After Hours Support
      • Disaster Recovery
  • Services
    • Design Solutions
    • Website Packages
    • Request A Quote
  • Default Pages
    • Demo Homepage
    • Touchstone Energy Cooperatives
    • Co-op Connections Savings
    • Touchstone Energy Savings
    • Safety Quiz
  • News
  • Subscribe

New Themes & Editor Options

New Themes & Editor Options
Wednesday | November 10, 2021

Now is a great time to get started on a new Co-op Web Builder project

We have recently added a new flexible theme to the platform. The Gravity Theme is a new option for any future projects being created with Co-op Web Builder. The Gravity Theme has additional menu options for desktop and mobile experiences, which can be displayed in multiple regions and supports multicolumn displays with customizable colors. The new theme option also features additional components and design elements (button groups, media cards, sidebar boxes, step lists) as well as an easy quick edit mode to make your content management experience much easier.

Before we talk about some of the new features, let's take a look at a few member cooperative sites that have launched recently using these new theme options:

  • https://www.rock.coop/
  • https://www.colemanelectric.org/
  • https://aecoop.org/
  • https://www.lyonrec.coop/
  • https://www.spec.coop/
  • https://allisoncreekhydro.cveahydro.org/
  • https://nwohiopropane.com/

New Features:

Quick Edit:

Edit content on the fly by hovering over the Pencil icon and choosing 'Quick edit'.

Quick Edit UI

When 'Quick Edit' is selected, the editor tools will appear on top of your content. You can then click anywhere in the content to directly edit text and images and links. This is really handy for making quick edits to the body content of your pages, without a trip to the backend interface.

Quick Edit

New Components:

Button Groups are great for inserting quick links to your most important programs, usually displayed front and center on the homepage and/or under the hero/slideshow area.

horizontal button groups

Media Cards are great for showcasing your programs. This component is useful on almost any page of your website. Instead of clogging up your menu with unnecessary items, you can draw member focus directly to your most important pages.

Media Cards

Sidebar Box is a quick and easy way to populate your sidebars with important information. Create useful navigation content like a Contact Us Sidebar Box and use it across your entire site. Populate different pages with different Sidebar Boxes and see what type of design you can come up with (Best Practice Example: https://www.hendrickspower.com/about-us).

sidebarboxes

Step Lists are useful for displaying many different types of data or step based processes. We have used Step Lists to display the 7 Cooperative Principles, steps for signing up for service, determining if rooftop solar is right for you, and even how to claim capital credits. A Step List could also be used in place of an infographic. Place text, data and links inside of each Step List Item to provide your members all relevant resources up front.

Cooperative Principles Step List

The Step List responsively adjusts display for mobile devices, and will look different, but still very impressive.

Cooperative Principles Step List Mobile Display
Composition Sketch
Back to Top

Have questions about

your dream project?

Get A Quote View Site Examples

Start receiving communications from us whenever we have upcoming training opportunities or important news to share with you.

Subscribe

Follow Us Online

Quick Links

  • Contact Us
  • Sign up
  • Site Examples
  • Training Videos
  • Best Practice

©2025 Co-op Web Builder. All Rights Reserved.

  • Help Center
    • Getting Started
      • How Does it Work?
      • What's Included
      • Sign-up
      • Site Examples
      • Best Practice
      • Free to Use Images and Icons
      • Private Sites
      • FAQ
      • Accessibility Platform
      • Launch Promotions
      • Website Security
    • Support
      • Contact Us
      • Training Videos
      • User Manual
      • Webform Style Guide
      • SSL Certificates
      • CWB Versions
      • Custom Block Components
      • Style Guide
      • After Hours Support
      • Disaster Recovery
  • Services
    • Design Solutions
    • Website Packages
    • Request A Quote
  • Default Pages
    • Demo Homepage
    • Touchstone Energy Cooperatives
    • Co-op Connections Savings
    • Touchstone Energy Savings
    • Safety Quiz
  • News
  • Subscribe