Custom Block Instructions

Accordion Blocks

Accordion Block #2

  • The arrow will inherit the color you set for the Open Toggle Text Color in the Module Settings -> Design -> Toggle Text.

CTA  Blocks

CTA Block #1

  • The line will inherit the text color when in normal state. The color for the hover state is controlled by CSS.

Pricing  Blocks

Pricing Block #1

  • The Featured Price Block button will take the button color(Module Settings -> Design -> Button) for the background color when in normal.

Pricing Block #3

  • The check icon will take the color set for the bullet collor in Module Settings -> Design -> Bullet if it’s featured item or the color of the text if the item is not featured.

Process  Blocks

Process Block #1

  • If you choose to assign one the whole column will take the link you assign to the Image Module.
  • The Hover Color for the Icon (if and SVG icon is used) will be the color of the STEP text

Process Block #2

  • If you choose to assign one the whole column will take the link you assign to the Image Module and an arrow will show up underneath the content. The background color for the arrow will be the same as the color of the STEP text 
  • The Hover Color for the Icon Border will be the color of the STEP text

Process Block #3

  • If you choose to assign one the whole column will take the link you assign to the Button Module.
  • The color, border-color and hover background color for the number before the text will take the color of the H3 in the first text module

Tabs  Blocks

Tabs Block #3

  • The color of the check mark will be the same color you se for the Active Tab Background Color in Module Settings -> Design -> Tab Text

Team  Blocks

Team Block #1

  • If you choose to assign a link to the Image module, a Learn More button will appear on top of the photo.

Video  Blocks

The Video Blocks are basically Image Modules that have been converted to Video Popups, so if you add a Youtube or Vimeo link to the Image Module it will open up in a popup an play.