Academic Cards for Avada
Avada Custom component
by Your Name · github.com/pawankhated/pj-avada-elements · website
Install
No release zip yet. The repository archive installs, but the folder name will carry the branch suffix and updates will not flow:
wp plugin install https://github.com/pawankhated/pj-avada-elements/archive/refs/heads/main.zipCreate beautiful, responsive academic and content cards with grid or slider layouts for Avada Builder.
Description
Academic Cards for Avada is a powerful custom element for Avada's Fusion Builder that allows you to create stunning card-based layouts with unlimited customization options.
Key Features:
- Dual Layout Options: Choose between Grid or Slider layouts
- Unlimited Cards: Add as many cards as you need with the intuitive repeater interface
- Complete Typography Control: Customize fonts, sizes, weights, and colors for titles, descriptions, and buttons
- Responsive Design: Independent settings for desktop, tablet, and mobile
- Individual Card Styling: Each card can have unique colors and hover effects
- Image Settings: Control image height, object fit, hover zoom effects, and lazy loading
- Slider Navigation: Multiple navigation options with customizable arrow positions
- Animations: Beautiful scroll-triggered animations with configurable delays
- Advanced Button Styling: Full control over button appearance and hover states
Perfect for:
- Academic Program Cards
- Service Showcases
- Team Member Displays
- Product Features
- Portfolio Items
- Course Catalogs
- Research Areas
Installation
- Upload the
academic-cards-avadafolder to the/wp-content/plugins/directory - Activate the plugin through the 'Plugins' menu in WordPress
- Ensure Avada theme and Fusion Builder are active
- The "Academic Cards" element will now be available in Fusion Builder
Requirements:
- WordPress 5.0 or higher
- PHP 7.2 or higher
- Avada Theme (latest version recommended)
- Fusion Builder (included with Avada)
Usage
- Edit any page with Avada Builder
- Click the "+" icon to add a new element
- Search for "Academic Cards" in the elements panel
- Drag and drop the element to your desired location
- Configure the settings in the options panel:
General Settings:
- Choose between Grid or Slider layout
- Add section title and description
- Set maximum width and padding
Card Settings:
- Add unlimited cards using the repeater
- Each card has image, title, content, and button options
- Individual card colors and hover effects
Layout Settings:
- Grid: Set columns for desktop, tablet, and mobile
- Slider: Configure slides, autoplay, navigation, and more
Design Settings:
- Typography controls for all text elements
- Button styling and colors
- Image dimensions and effects
- Card spacing, borders, and shadows
Frequently Asked Questions
Does this work with any WordPress theme?
No, this plugin is specifically designed for the Avada theme and requires Fusion Builder to function.
Can I use this for non-academic content?
Absolutely! While designed with academic content in mind, the element is versatile enough for any type of card-based content.
Is it mobile responsive?
Yes, the plugin includes comprehensive responsive settings with independent controls for desktop, tablet, and mobile devices.
Can I create multiple card styles on the same page?
Yes, each instance of the element can have completely different settings, allowing you to create varied card designs on the same page.
Changelog
1.0.0
- Initial release
- Grid and Slider layouts
- Unlimited cards with repeater
- Complete typography controls
- Responsive settings
- Animation effects
- Individual card styling
Upgrade Notice
1.0.0
Initial release - no upgrade necessary.
Credits
Developed by [Your Name]
Uses Slick Carousel - MIT License Font Awesome Icons - SIL OFL 1.1