This defines the column width for the Call To Action Text. Our default call to action bar layout has the text on the left, and the button with a link on the right. We typically recommend putting this block inside of a C9 Grid.

• 2/3 width of container
• 3/4 width of container
• Full width of container

This is disabled by default for accessibility purposes.

Small, medium, large, and extra large. Medium by default.

Square, round and outline.

Paragraph, heading or subheading. Paragraph by default. Results will vary by theme. The C9 Theme uses the same font-family for the heading and subheading, but has CSS classes for each.

Select from pre-saved colors or a custom color.

Select from pre-saved colors or a custom color.

Select from pre-saved colors or a custom color.

Set the Bootstrap padding class on the inside of the outer container. Choose from any of the available settings here. This adds visual padding to the inside of the outer container and is set to Padding 5 by default. To set separate padding classes for each drop down, click on the chain icon to unlink them.

Set the top and bottom Bootstrap margin class. Click the chain link to set different margins for each. This will add spacing to the outside of the Call To Action Bar container. This means the background may be seen above and below this section.

Select a photo, pattern, or texture to use as the background for the call to action bar.

Click and drag the circle on screen to select the part of the image where your focal point is, and you’ll notice the horizontal and vertical position update as you drag/drop the picker.

If you don’t see the image moving in your editor, make sure you change the Size attribute to custom should you need to scale the image up or down.

Scroll is the default so the image moves when the user scrolls. Select Fixed to have the background image remain in place as the user scrolls the content past it.

This layer allows you to select a color, opacity, and blend mode to put an overlay on top of your background videos and photos. This can allow for text to be easier to read, or to change the colors and effects of your background imagery.

Used in conjunction with color overlay to make the background semi-transparent or completely opaque.

Change the color overlay background color blend mode for applying different filters to photos.

Use this block to add a custom CSS class to the outer container element for the Call To Action block. This allows you to write your own custom CSS for specific sections of the site, and is supported by most of the C9 Blocks.