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 subtitle 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 settings.
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 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.