Illuminate your page with informative cards showcased with stunning illustrations, effects, and more.

Using Card Pro #

Make sure you have the Card Pro widget enabled from your Dashboard > Droit Addons > Elements.  

Step 1 #

Let’s start by searching Card Pro from the left-hand side menu, and dragging the widget to your preferred section.

Card Pro widget - Elementor

Step 2 #

Start by adding a title and a short description to your Card section.

Card Pro widget - Title menu

Step 2 #

Now add a subtitle from the second option.

Card Pro widget - Subtitle menu

Step 3 #

From the content option, you can add heading text, image, short description, and image size to each card.

Card Pro widget - Content menu

Step 4 #

From the Content Ordering option, you can rearrange your card content layout. 

Card Pro widget - Content Order Menu

Step 5 #

From the style menu, you can add different styles to each one of your cards.

First up General option from here you can change alignment on your cards.

Card Pro widget - General

Step 6 #

From the Image option, you can add alignment, spacing, position, and image settings.

Card Pro widget - Image style menu

Step 7 #

From this content section, you can add custom background, padding, border, Z index, and more.

Card Pro widget - Content style menu

Step 8 #

Customize your card button from here.

Card Pro widget - Button style menu

Step 9 #

If you want to add motion effects, Droit effect, border, and more, click on the Advanced tab. From here, you can add effects and custom CSS to your widget section.

Card Pro widget - Advanced customization

Live Copy & Paste #

You can follow all the steps above and create your card section, or if you’re interested in skipping some steps, you can visit the Card Pro widget’s live demo page and simply copy one of three preset styles from the Live Copy button. And paste it in your preferred section.

And that’s it. When you’re done, press “Publish” to save your changes.

Powered by BetterDocs