With this element, you can add a modern glowing-corner effect to any card on your website, giving your content a standout, polished look. It’s great for feature boxes, pricing sections, team profiles, and call-to-action areas that need extra visual focus. You can customize the card size, background, glow color, and hover animation to match your design style. The element is lightweight, fully responsive, and easy to set up in Bricks Builder, ensuring smooth performance across all devices.
Required Setup
- Bricks Builder installed & activated.
- You need to have the WDesignKit plugin installed and activated.
- Make sure you’ve created an account and logged into it.
- Make sure you’ve downloaded the Glowing Corner Card element.
How to Activate the Glowing Corner Card Element?
Go to
- WDesignKit → Widgets → Browse Widgets.
- Search the element name and select Bricks as the Page Builder.
- Click on the Download icon.
Use Cases
Use the Glowing Corner Card element when you want to highlight important content with a modern and eye-catching glowing effect. It helps draw attention to key sections of your website while keeping the design clean and professional.
Best For:
- Feature Highlights: Showcase key features, benefits, or unique selling points in a visually engaging way.
- Pricing Sections: Highlight popular or recommended pricing plans with a glowing effect to grab user attention.
- Call-to-Action Areas: Add strong focus to sections like “Get Started,” “Buy Now,” or “Contact Us” to increase conversions.
- Team Profiles: Display team members with a stylish card layout that stands out.
- Service Boxes: Present your services with icons, descriptions, and buttons in an attractive card format.
- Product Highlights: Feature special or premium products with extra visual emphasis.
- Landing Pages: Create visually striking content blocks that guide users toward important actions.
- Corporate & Business Websites: Show achievements, milestones, or company strengths in a professional, glowing design.
- Modern UI Designs: Perfect for websites that aim for a sleek, trendy, and interactive appearance.
How to Use the Glowing Corner Card Element in Bricks?
Add the Glowing Corner Card to the page.
PIN TEXT
In the Pin Text field, you can add the pin text for the pinned/highlighted part of the card.
From the Select Icon section, you can choose either an icon for the pinned/highlighted part of the card.
CONTENT
In the Prefix Text field, you can add the prefix text of the card.
In the Postfix Text field, you can add the postfix text of the card.
In the Title field, you can add the title of the card.
In the Description field, you can add the description of the card.
FEATURES
From the Features section, you can add the feature items. By default, you’ll find one repeater item; open it.
In the Text field, you can add the text feature of the card.
From the Select Icon section, you can choose either an icon or SVG Icon feature of the card.
You can click on the +Add ITEM button to add more feature items.
BUTTON
In the Button Text field, you can add a button text to the card.
From the Select Icon section, you can choose an icon for the button.
In the URL field, you can add the button URL.
By enabling the Open in new tab toggle, the attached URL will open in a new browser tab.
Then from the Style tab, you can further customize the style of the Glowing Corner Card.
Note:To add different colors to your card, go to Style → Background and use the Glowing Effect Color 1-2-3 fields to set the colors for the card.