Call To Action

This Guide will Help you to edit Call to Action Widget Settings and Style.

Note: Widget gives you Default Style provided by theme, you can customize as per your needs using this guide.

Drag & Drop Call to Action Widget

When you Drag and Drop Call to Action Widget in a Page, You will see the image shown like below.
https://poweredbyearthgirl.com/billing/instantsite/images/CTA-dragdrop.png

Call to Action Text

  • You can change or customize your Title, Subtitle and Text.
  • Text alignment gives you alignment of text.

https://poweredbyearthgirl.com/billing/instantsite/images/CTA-customtext.png

Call to Action Background

  • You can change Background shape, Background predefined style or custom style.
  • You can change total width of background also.
  • You also changed button position in background shape and text of the button.

https://poweredbyearthgirl.com/billing/instantsite/images/CTA-background.png

Call to Action Button

  • You can also give button link, and if you want that link open in new window, then click on checkbox.
  • Button shape gives shape of button and choose predefined button color from dropdown list.
  • Button size gives predefined Button size.

https://poweredbyearthgirl.com/billing/instantsite/images/CTA-button.png

Call to Action Button Icon

  • Change Button Icon from Icon list.
  • Button Icon alignment gives alignment of Icon such as Left and Right.
  • Button animation gives animation from predefined dropdown list.

https://poweredbyearthgirl.com/billing/instantsite/images/CTA-btnIcon.png

Call to Action Icon

  • You can also change Icon position from dropdown list.
  • Change Icon as per your choise from dropdown list.
  • Change predefined Icon color and custom color, If you choose custom color then you can change custom color.

https://poweredbyearthgirl.com/billing/instantsite/images/CTA-btnIcon.png

  • Icon size gives you to change predefined size or custom size.
  • If you want's to place half Icon on border then click on checkbox.
  • Icon animation provides to change animation style when page loads.

https://poweredbyearthgirl.com/billing/instantsite/images/CTA-Icon-custom.png

Call to Action Style

Style gives 2 types of style 1) Edit Element style and 2) Predefined style

  • Edit Element style gives custom style in that you can change custom background color, text color, margin, border-radius etc.
  • There is no predefined style but you can give your classes to define your custom style.

https://poweredbyearthgirl.com/billing/instantsite/images/CTA-style.png

  • 0 Users Found This Useful
Was this answer helpful?

Related Articles

Tabs

When the first Theme is selected it automatically gives the Predefined Style for Tabs but if you...

Service Box

This Guide will help you to add Service Box. Drag and Drop Service Box Drag and Drop Service...

Primary Menu

When the first Theme is selected it automatically gives the Predefined Style for Menu but if you...

Pricing Table

When the first Theme is selected it automatically gives the Predefined Style for Pricing Table...

Modal

This Guide will help you to add Modal. Drag and Drop Modal Drag and Drop Modal from left side...