Using Custom Styles

With Custom Styles, you’ll be able to make small tweaks to your block’s formatting and style all within our visual editor.

You can find a walkthrough here:

Getting Started

Head to the block you want to modify and click on the Custom Styles icon. 

Once you’ve done that the Style Carousel will open up display all of the styles available.

Using Existing Styles

From the carousel you can choose one of our pre-made styles either by browsing via the drop down:

Or by searching for a specifically named style.

Click on any style and see it instantly apply to your block. 

Creating Custom Styles

With the carousel open, click the blue "Create New" button on the right. Our Visual Editor will pop up. Within it you'll be able to set up new styles without needing to know CSS.

There are sections grouped by size, alignment, and color. You can group your choices to keep Headings, Subheadings, and/or Paragraphs in the same ratio as you adjust the sizing and spacing. Alternately, you can edit each grouping separately. 

You can set:

  • Scale - Font size
  • Ratio - How large your headings are in comparison to the paragraph text
  • Spacing - Line spacing
  • Column Width - You can make your columns a bit wider or a bit narrower
  • Alignment - Left or center align your Heading, Subheading, and Paragraph
  • Background Color - Colors are white, your brand color, your complementary color, and slate.
  • Heading Color - Colors are based on your brand and complementary color
  • Subheading Color - Colors are based on your brand and complementary color
  • Paragraph Color - Colors are based on your brand and complementary color

Once you’ve selected your preferences, name your style, and hit ‘Save’.