No results found. Try again with different words?

Search must be at least 3 characters.

Call To Action

Call-to-action (CTA) are recommended to use in your website as they lead users towards your aimed conversion. SpectraB allows a bunch of option to design beautiful CTA. Have a look at the demo here.

Key features –

  • Option to add heading and description along with CTA button
  • CTA Layout option – Normal/ Stack
  • Add a link with Text, Button or to Complete Box
  • Total Button customization along with icon option
  • Typography and Color options for content
  • Spacing Options
  • Responsive Design

CTA Layout option – Normal/ Stack

Under Button > Type if Text or Button is selected, Layout > Button Position can be managed. Normal layout will display content and button inline while Stack layout will display button below the content.

cta-button-position

Add a link with Text, Button or to Complete Box

Under Button > Type select a way to add link for CTA. Link can be added with text, Button or to the complete CTA box.

cta-link-type

Total Button customization along with icon option

Under Button tab following options are available for the CTA button customization –

  • Add text and link
  • Select Icon from the given library
  • Icon position and spacing
  • Button padding
  • Border style, width, color and radius
cta-button-options

Typography and Color options for content

Typography can be set under Content tab. While color options are available under Color Settings tab.

cta-typography-option

Spacing Options

Space can be managed between content from Spacing tab.

cta-spacing-options

Responsive Design

From Layout > Button Position, if the Normal layout is selected, content and button will display inline. On responsive devices inline layout might not look good. So you can choose to stack the content and button on responsive devices with Stack on option.

Was this article helpful?


Did not find a solution? We are here to help you succeed.

Call To Action

Call-to-action (CTA) are recommended to use in your website as they lead users towards your aimed conversion. SpectraB allows a bunch of option to design beautiful CTA. Have a look at the demo here.

Key features –

  • Option to add heading and description along with CTA button
  • CTA Layout option – Normal/ Stack
  • Add a link with Text, Button or to Complete Box
  • Total Button customization along with icon option
  • Typography and Color options for content
  • Spacing Options
  • Responsive Design

CTA Layout option – Normal/ Stack

Under Button > Type if Text or Button is selected, Layout > Button Position can be managed. Normal layout will display content and button inline while Stack layout will display button below the content.

cta-button-position

Add a link with Text, Button or to Complete Box

Under Button > Type select a way to add link for CTA. Link can be added with text, Button or to the complete CTA box.

cta-link-type

Total Button customization along with icon option

Under Button tab following options are available for the CTA button customization –

  • Add text and link
  • Select Icon from the given library
  • Icon position and spacing
  • Button padding
  • Border style, width, color and radius
cta-button-options

Typography and Color options for content

Typography can be set under Content tab. While color options are available under Color Settings tab.

cta-typography-option

Spacing Options

Space can be managed between content from Spacing tab.

cta-spacing-options

Responsive Design

From Layout > Button Position, if the Normal layout is selected, content and button will display inline. On responsive devices inline layout might not look good. So you can choose to stack the content and button on responsive devices with Stack on option.

Leave a Reply

Your email address will not be published. Required fields are marked *

Build Ultra High performance
Websites, Without Coding

Whether you are a beginner, marketer, or professional, Spectra has the tools and resources you can rely on to succeed

Download is Just A Click Away!

Enter your email address and be the first to learn about updates and new features.

Get your hands on Spectra Pro

Enter your name and email address to get access to Spectra Pro.