Card Pro

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.

Step 2: 

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

Step 2: 

Now add a sub title from the second option.

Step 3: 

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

Step 4: 

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

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.

Step 6: 

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

Step 7: 

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

Step 8: 

Customize your card  button from here.

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.

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 Droit 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.

That’s it.