With Uncode 2.12 update, we are introducing the Button Advanced module alongside our classic Button module. This is a complete rebuild designed for users who require granular control and expanded styling possibilities. While the original module remains perfect for quick actions, Button Advanced offers an evolution in customization across every visual element.

Please find below example pages from our demo site using these new Buttons:

• Button Advanced (different examples)
• Creative Wellness (Standard Button)
• Creative Stack (Textual Button)

To manage its extensive feature set, the module is organized into eight specialized tabs:

• General: Manage the core styling. Key options include the Normal mode (standard button) and the Textual mode (ideal for text-only buttons without background or padding).
• Layout: Fine-tune the structural behavior of the button, including Fluid and Display settings.
• Icon: Access the full library of icons, choose from various presets, and configure specific icon animations.
• Colors: This tab provides total control over the palette, allowing you to define specific colors for both Normal and Hover states for every element.
• Underline: A dedicated space to configure the underline, perfect for modern textual links.
• Animation: Add sophisticated motion effects to the button container itself to increase user engagement.
• Lightbox: Standard and advanced options for triggering lightbox overlays directly from the button.
• Extra: Advanced developer options, including CSS classes and unique IDs.

One of the most powerful features of the Button Advanced module is the ability to independently style every component. You have full color control over:

• Main: The primary background or accent color of the button.
• Text: The typography color.
• Border: The surrounding stroke or border color.
• Icon: The color of the icon itself.
• Icon Wrapper: The background or container specific to the icon element.