There are 3 versions CTA's (2 Column CTA, 2 Column Boxed and Fullwidth), which can be added via Add New Block:

Key differences between the 3 CTA types

2 Column CTA

  • Separate Backgrounds for each columns

2 Column Boxed CTA

  • 1 Main Background for both columns with parallax effect
  • Setting a solid color for each columns to create a box around the text

Fullwidth CTA

  • 2 CTA's with Different Backgrounds on top of each other extending to 100% screen height and full width of the site

2 Column CTA Features

  • Background Image (for each column)
  • Background Color
  • Icon Image
  • Title/Title Color
  • Text/Text Color
  • Button Label(text)/ Button Link

Note: when editing, you need to edit both columns separately.

Here are the options you can customize/setup for each column:

Example:

2 Column Boxed CTA Features

  • 1 Main background image that has a parallax effect automatically enabled
  • Background Color (for the box)
  • Icon Image
  • Box Color
  • Title/Title Color
  • Text/Text Color
  • Button Label(text)/ Button Link

The Boxed CTA has an additional option to setup one main background which has a parallax effect enabled to include some smoothness while scrolling.

Another difference between the ordinary CTA and this Boxed CTA is that you can choose a solid color to make a box around the text for each column.

Example:

Fullwidth CTA Features

Covers the same options as 2 Column CTA, but it doesn't has an option for Icons to be placed. These CTA's are placed on top of each other, extending to full width of the site.

  • Background Image (for each column)
  • Background Color
  • Title/Title Color
  • Text/Text Color
  • Button Label(text)/ Button Link

Example:

Further Education about the Spark Editor and Spark Pages:

  1. Spark Editor: Getting familiar with the basics
  2. Spark Editor: Blocks - Hero
  3. Spark Editor: Blocks - Featured Areas
  4. Spark Editor: Blocks - About 1 and About 2
  5. Spark Editor: Blocks - Fullwidth/Columned Content
  6. Spark Editor: Blocks - Internal Header
  7. Spark Editor: Blocks - Property Search
  8. Spark Editor: Blocks - Testimonials
  9. Spark Editor: Blocks - Blog
  10. Spark Editor: Blocks - Team Members
  11. Spark Editor: Blocks - Home Values
  12. Spark Editor: Blocks - Lead Forms
  13. Spark Editor: Blocks - Area Guides
  14. Spark Editor: Blocks - Listing
  15. Spark Editor: Blocks - Mortgage Calculator
Did this answer your question?