Flip Cards Module For Divi
This plugin adds a Flip Cards module to the Divi Builder. Once activated, the Flip Cards module appears in your module list, allowing you to create engaging flip cards anywhere in your Divi layouts. Customize the flip animation with four directional options—Up, Down, Left, or Right and enhance the visual experience with a 3D flip effect that gives text a floating appearance above the background. The plugin is fully compatible with the Visual Builder and offers extensive customization options for both the front and back of the cards. In addition to text and image customization, the plugin enables you to add a button on the backside of the flip card, making it interactive and functional. Adjust icons, fonts, and background colors to match your site’s design, and fine-tune the animation’s duration and easing for a smooth, captivating effect. Tailor every aspect of the flip cards to create a more personalized and engaging user experience. Features Flip Direction: Choose from various flip directions up, down, left, or right to control how the flip card rotates. Icon and Image Options:: Choose between displaying an icon or an image on both the front and back of the flip cards. 3D Flip Effect: Enable a 3D effect that makes text appear to float above the background during the flip animation, adding depth. Customizable Text: Easily set different titles and body text for the front and back sides of the flip cards. Icon Customization: Adjust the icon’s font size and color to match your site’s design. Font Customization: Customize the fonts for different elements of the flip cards. You can set distinct fonts for the front of the flip card and the back of the flip card for a highly personalized appearance. Button Customization: Add a call-to-action button to the backside of your flip cards. This feature allows you to set custom text and link for the button. You can also style the button to match your site’s design. Animation Customization: Customize the duration, and easing for smooth and engaging flip card animations. Background Customization: Customize the background color for the front and the back sides of the flip cards. Useful Links for the Plugin Divi Flip Cards Demo How to add flip cards in Divi More Free Divi Plugins Divi Contact Form DB Divi Post Carousel Module Divi Overlay on Images Module Divi Breadcrumbs Module Divi Menu Cart Divi Breadcrumbs Module Divi Image Carousel
Top keywords
- flip22×5.42%
- cards12×2.96%
- divi12×2.96%
- flip cards11×2.71%
- customization7×1.72%
- module7×1.72%
- text6×1.48%
- back5×1.23%
- background5×1.23%
- button5×1.23%
- card5×1.23%
- flip card5×1.23%
Divi Gravity Forms (WP Tools)
Embed gravity forms in Divi visual builder. Add styles for gravity forms border, background, title, description, inputs, labels, placeholder, errors, submit button & more. Premium version has 7-day FREE trial. No upfront payments needed. It has dependencies on the following, Divi Theme – Affiliate link Gravity Form – Affiliate link With the FREE plugin you can, * Add a gravityform on a divi page using the visual builder. * Configure the gravityform shortcode params Gravityform Shortcode Parameters Show Title – Toggle to display the form title. Defaults is on Show Description – Toggle to display the form description. Defaults is on Ajax – Toggle to use AJAX to submit the form. Defaults is off Tab Index – Specify the starting tab index for the fields of this form Field Values – Specify the default field values. Example: field_values=’check=First Choice,Second Choice’. See also https://docs.gravityforms.com/using-dynamic-population/ for detailed information on dynamic population. Premium Plugin Premium plugin is available at https://wptools.app/wordpress-plugin/gravity-forms-divi-module/ We offer a 7-day FREE trial on the premium plugin. Style Form Background, Spacing & Border Set color, gradient, image or video backgrounds. Add border, margin & padding to form wrapper. Style Gravity Form Title Style the title typography and spacing using the divi module Style Gravity Form Description To render gravityform description, toggle the Show Description to on in Gravityform Shortcode Parameters. Style the description typography and spacing using the divi module Style Gravity Form Section Break Field Section break field adds a content separator to your gravity form – https://docs.gravityforms.com/section-break/ Style the content’s title, description, spacing and border color using the divi module. Style Input Fields, Input Wrapper & Input Placeholder Input fields are text, textarea, checkbox and radio fields. Input Wrapper wraps an input field. Manage input wrappers margin and padding. Add background, border and rounded corners for text, textarea and dropdown fields. Manage typography for input fields in the Input General section. Manage checkbox and radio typography settings in Checkbox/Radio section. Manage margin and padding for text fields. Manage typography for input placeholder text. Style Label, Sub-Label & Input Field Description Style gravityform’s label, sub-label and description for the inputs. Set typography and spacing for them. Style Field Wrapper A field wrapper wraps the input field, label, sub-label and description. Manage the field wrappers padding and margin in divi. Style Form & Field Validation Errors Form Validation Error is a general validation error text for the whole form. Manage typography, border color, margin and padding. Field Validation Error shows the validation per field. Manage typography, border color, background color, margin & padding. Style Forms Submission Confirmation Message Form submission displays a message. Style typography & background of the confirmation message. Style Gravityform Button Set button alignment, typography, border, rounded corner and background color with hover styles. Style Consent Field & Description A gravityform consent field is a checkbox accompanied by description. It’s a compulsory field. Style the checkbox’s and description’s typography, margin & padding Style Gravityform Footer Footer wraps the form buttons. Manage margin and padding for this element. Style Progress Bar A multi-step gravityform has a progressbar at the top. Style the progressbar title’s typography, progressbar’s background and font color. Custom CSS Setting A fine-grained control over writing custom css for large number of form elements