How to Use & Customize Call To Action Widget

Call To Action (CTA) Widget can be one of the best marketing tools for your website.

Follow the step-by-step instructions:

1. Go to Menu Romethemekit.

2. And you will be able to see the Call To Action Widget.

3. Click Add New Container.

4. Select your layout : Flexbox or Grid.

5. On the canvas select your structure.

6. Drag the widget from the Elementor.

7. Drop it on the selected area.

8. Setting Image:

• Click Content → Image.
• Select your skin/style CTA, image and resolution.

9. Setting Content :

• Click Content → Content.
• Setting the title, tag, description, button text.
• Enable icon to show button icon.

10. Setting Ribbon :

• Click Content → Ribbon.
• Setting the title to add the ribbon.

11. Box Style (used to customize the box style) :

• Click Style → Box.
• Customize the direction, height, alignment, position, padding and radius.

12. Content Style (used to customize the content style) :

• Click Style → Content Style.
• Customize the title and description typography, spacing, text and background color.

13. Button Style (used to customize the button style) :

• Click Style → Button.
• Customize the padding, radius, typography, background and text color.

14. Hover Effect (used to customize the hover effect style) :

• Click Style → Hover Effect.
• Select your hover effect.
• Customize the overlay color, and opacity.

15. Don’t forget to click Publish to save the changes.