Widget Pro Guidelines

How To Use & Customize Pricing List Widget

Estimated reading: 1 minute 17 views

Pricing List Widget showcase pricing details with a polished, professional look.

Follow the step-by-step instructions:

1. Go to Menu Romethemekit Pro.

2. And you will be able to see the Pricing List.

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 your pricing list :

  • Select Title and Description Tag.
  • You can select image to show in your pricing list.
  • Click Icon library Choose Image Click Insert.

9. Container Style (used to customize the container style) :

  • Click Style → Container.
  • Customize the box shadow, padding, radius, background color and item spacing.

10. Image Style (used to customize the image style) :

  • Click Style → Image.
  • Select image resolution and aspect ratio.
  • Customize the padding, radius, border, image position, spacing and width.

11. List Style (used to customize the list style) :

  • Click Style → List.
  • Customize the title, description and separator style : typography, text color, spacing, margin, padding and radius.

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

Share this Doc

How To Use & Customize Pricing List Widget

Or copy link

CONTENTS