Welcome!
The goal of this page is to provide instructions for applying custom styling to Elementor widgets. The widgets displayed below are stock Elementor widgets with a series of CSS classes being applied. These classes are defined in the active site theme’s Additional CSS field. New classes can be added at any time and are reflected immediately in the Elementor UI.
How does this customization all work?
We’re applying CSS classes to stock Elementor widgets. Seven different Elementor widgets have been customized to not only apply the necessary custom styling but also to apply that styling in any of the brand colors. The process is simple, each Elementor widget has a field for CSS Classes and we are just applying the appropriate classes in the appropriate order: [ CSS class ] + [ background color | icon color | arrow color ]. Classes are entered without special characters (just plain text) and spaces are used to designate “class-one + [ space ] + class-two”. Use the following instructions to apply these styles to your pages.
Here is how you apply the custom styling to the stock Elementor widgets:
1. Find the widget you need to edit and click on it to pull up the editing menu.
2. Switch to the Advanced tab and scroll down to the field CSS Classes.
3. Copy and paste the CSS class (first) and the Background color (second) into this field.
4. Click the Update button at the bottom of your screen to save your changes.
Widget name: Text Editor
Category: General
CSS class: simplepay-text-editor
Background color: bg-[ aqua | black | blue | gray | green | purple | red | white | yellow ]
With Simple Pay, members know the cost of services before ever going to the doctor. Offer your employees peace of mind with 0% financing for their medical bills. Giving them financial wellbeing.
Simple Pay is not a TPA or an Insurance Provider. We are the designers of a new model of insurance brought to you by the national Blue Cross Network. Giving your members broad access to care anywhere in the country.
Widget name: Accordion
Category: General
CSS class: simplepay-accordion
Background color: bg-[ aqua | black | blue | gray | green | purple | red | white | yellow ]
Coupe Health is a new alternative health plan that gives members access to Blue Cross and Blue Shield’s Aware®/BlueCard® PPO Network. We identify top quality providers and show members a price for every medical service, giving individuals control over their healthcare. No payment is required at the time of service. Instead, members receive a single monthly statement for out-of-pocket costs.
Widget name: Icon Box
Category: General
CSS class: simplepay-icon-box
Background color: bg-[ aqua | black | blue | gray | green | purple | red | white | yellow ]
Arrow class: arrow-[ next | prev ]
Arrow color: arrow-[ aqua | black | blue | gray | green | purple | red | white | yellow ]
This is the heading
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
This is the heading
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
This is the heading
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Widget name: Icon List
Category: General
CSS class: simplepay-icon-list
Background color (one, two, three): bg-[ one | two | three ]-[ aqua | black | blue | gray | green | purple | red | white | yellow ]
- Work with your own Coupe Health Valet as you navigate your healthcare journey with confidence.
- Find a high quality provider, setting up and coordinating appointments with providers or specialists, help answer questions on billing or coverage information, and more
- Connect with your Health Valet through the member portal, via email at healthvalet@coupehealth.com or by calling: 1-800-606-3564.
Widget name: Advanced Icon Box
Category: Element Pack Pro
CSS class: simplepay-advanced-icon-box
Background color: bg-[ aqua | black | blue | gray | green | purple | red | white | yellow ]
Widget name: TablePress
Category: General
CSS class: simplepay-tablepress
Background color (even, odd): bg-[ even | odd ]-[ aqua | black | blue | gray | green | purple | red | white | yellow ]
Widget name: Testimonial Carousel
Category: General
CSS class: simplepay-testimonial-carousel
Background color: bg-[ aqua | black | blue | gray | green | purple | red | white | yellow ]