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:
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’.