(@primary)
(@accent)
(@text-color)
(@alt-color)
(@primary-light)
(@accent-light)
(@text-color-light)
(@alt2-color)
Color Output Test
You can use the follow classes to set the foreground and background colors for text and elements.
.color-primary
.bg-primary
.color-accent
.bg-accent
.color-text
.bg-text
.color-primary
.bg-primary
.color-accent
.bg-accent
.color-text
.bg-text
.color-primary-light
.bg-primary-light
.color-accent-light
.bg-accent-light
.color-text-light
.bg-text-light
.color-primary-light
.bg-primary-light
.color-accent-light
.bg-accent-light
.color-text-light
.bg-text-light
.color-alt
.bg-alt
.color-alt2
.bg-alt2
.color-alt3
.bg-alt3
.color-alt
.bg-alt
.color-alt2
.bg-alt2
.color-alt3
.bg-alt3
Link Output Test
Buttons
Elementor Buttons
HTML Buttons
Anchor Buttons
Button Sizes
Forms
Gravity Forms
Elementor
General HTML
User Lists
- Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
- Aliquam tincidunt mauris eu risus.
- Vestibulum auctor dapibus neque.
- Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
- Aliquam tincidunt mauris eu risus.
- Vestibulum auctor dapibus neque.
- Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
- Aliquam tincidunt mauris eu risus.
- Vestibulum auctor dapibus neque.
- Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
- Aliquam tincidunt mauris eu risus.
- Vestibulum auctor dapibus neque.
- Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
- Aliquam tincidunt mauris eu risus.
- Vestibulum auctor dapibus neque.
- Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
- Aliquam tincidunt mauris eu risus.
- Vestibulum auctor dapibus neque.
- Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
- Aliquam tincidunt mauris eu risus.
- Vestibulum auctor dapibus neque.
- Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
- Aliquam tincidunt mauris eu risus.
- Vestibulum auctor dapibus neque.
- Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
- Aliquam tincidunt mauris eu risus.
- Vestibulum auctor dapibus neque.
- Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
- Aliquam tincidunt mauris eu risus.
- Vestibulum auctor dapibus neque.
- Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
- Aliquam tincidunt mauris eu risus.
- Vestibulum auctor dapibus neque.
- Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
- Aliquam tincidunt mauris eu risus.
- Vestibulum auctor dapibus neque.
Lorem ipsum (h1)
Consetur adipiscing (h2)
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur aliquet, mi nec tempor convallis, eros ex egestas leo, auctor tincidunt ligula odio ac ligula. Vivamus sit amet posuere libero, non posuere augue. Aliquam eu mollis tortor, vel blandit ipsum. Aliquam at maximus turpis. Cras lacinia, diam ut fermentum posuere, lectus lorem lacinia sem, sed mattis mauris enim ut odio. Vestibulum eu aliquet metus. Phasellus tempor, arcu congue egestas pellentesque, lacus erat iaculis elit, ac cursus quam ligula.
Nunc congue neque sem, et luctus enim eleifend sollicitudin. Morbi lectus nulla, scelerisque id consectetur id, tincidunt in tellus. Suspendisse potenti. Integer porttitor turpis eget lacinia suscipit. Nunc aliquet est in libero dapibus, varius porttitor erat convallis. Sed auctor tellus id arcu aliquet molestie. Donec id nulla vel magna volutpat consequat id eget elit. Nunc ac nibh lectus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
Suspendisse volutpat molestie felis nec elementum (h3)
Donec eros ligula pharetra id (h4)
Quisque condimentum arcu quis (h5)
Integer pretium vehicula iaculis (h6)
Lorem Dark (h1)
Consetur adipiscing (h2)
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur aliquet, mi nec tempor convallis, eros ex egestas leo, auctor tincidunt ligula odio ac ligula. Vivamus sit amet posuere libero, non posuere augue. Aliquam eu mollis tortor, vel blandit ipsum. Aliquam at maximus turpis. Cras lacinia, diam ut fermentum posuere, lectus lorem lacinia sem, sed mattis mauris enim ut odio. Vestibulum eu aliquet metus. Phasellus tempor, arcu congue egestas pellentesque, lacus erat iaculis elit, ac cursus quam ligula.
Nunc congue neque sem, et luctus enim eleifend sollicitudin. Morbi lectus nulla, scelerisque id consectetur id, tincidunt in tellus. Suspendisse potenti. Integer porttitor turpis eget lacinia suscipit. Nunc aliquet est in libero dapibus, varius porttitor erat convallis. Sed auctor tellus id arcu aliquet molestie. Donec id nulla vel magna volutpat consequat id eget elit. Nunc ac nibh lectus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
Suspendisse volutpat molestie felis nec elementum (h3)
Donec eros ligula pharetra id (h4)
Quisque condimentum arcu quis (h5)
Integer pretium vehicula iaculis (h6)
Elementor Blockquote
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse suscipit eleifend magna non malesuada. Mauris sed sodales velit, eget mattis nibh. Pellentesque pellentesque eros in erat sollicitudin bibendum. Morbi rhoncus nisi vitae eros consequat fermentum. Vestibulum viverra mattis tellus, in ultricies risus eleifend sed.
HTML Blockquote
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse suscipit eleifend magna non malesuada. Mauris sed sodales velit, eget mattis nibh. Pellentesque pellentesque eros in erat sollicitudin bibendum. Morbi rhoncus nisi vitae eros consequat fermentum. Vestibulum viverra mattis tellus, in ultricies risus eleifend sed.John Smith, Chicago
Elementor Blockquote Dark
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse suscipit eleifend magna non malesuada. Mauris sed sodales velit, eget mattis nibh. Pellentesque pellentesque eros in erat sollicitudin bibendum. Morbi rhoncus nisi vitae eros consequat fermentum. Vestibulum viverra mattis tellus, in ultricies risus eleifend sed.
HTML Blockquote Dark
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse suscipit eleifend magna non malesuada. Mauris sed sodales velit, eget mattis nibh. Pellentesque pellentesque eros in erat sollicitudin bibendum. Morbi rhoncus nisi vitae eros consequat fermentum. Vestibulum viverra mattis tellus, in ultricies risus eleifend sed.John Smith, Chicago
| Column 1 | Centered Column | Column 3 |
|---|---|---|
| Value 1 | Value 2 | Value 3 |
| Value 1 | Value 2 | Value 3 |
| Value 1 | Value 2 | Value 3 |
| Value 1 | Value 2 | Value 3 |
| Column 1 | Centered Column | Column 3 |
|---|---|---|
| Value 1 | Value 2 | Value 3 |
| Value 1 | Value 2 | Value 3 |
| Value 1 | Value 2 | Value 3 |
| Value 1 | Value 2 | Value 3 |
| Column 1 | Centered Column | Column 3 |
|---|---|---|
| Value 1 | Value 2 | Value 3 |
| Value 1 | Value 2 | Value 3 |
| Value 1 | Value 2 | Value 3 |
| Value 1 | Value 2 | Value 3 |
| Column 1 | Centered Column | Column 3 |
|---|---|---|
| Value 1 | Value 2 | Value 3 |
| Value 1 | Value 2 | Value 3 |
| Value 1 | Value 2 | Value 3 |
| Value 1 | Value 2 | Value 3 |
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras non purus in ex pulvinar vehicula nec ac arcu. Sed lobortis nibh nec tristique dictum. Mauris eu lacinia urna. Duis interdum ante dolor, non ornare turpis tincidunt vitae. Curabitur sollicitudin, enim sit amet finibus ornare, leo turpis convallis tellus, fermentum scelerisque velit massa in arcu.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras non purus in ex pulvinar vehicula nec ac arcu. Sed lobortis nibh nec tristique dictum. Mauris eu lacinia urna. Duis interdum ante dolor, non ornare turpis tincidunt vitae. Curabitur sollicitudin, enim sit amet finibus ornare, leo turpis convallis tellus, fermentum scelerisque velit massa in arcu.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras non purus in ex pulvinar vehicula nec ac arcu. Sed lobortis nibh nec tristique dictum. Mauris eu lacinia urna. Duis interdum ante dolor, non ornare turpis tincidunt vitae. Curabitur sollicitudin, enim sit amet finibus ornare, leo turpis convallis tellus, fermentum scelerisque velit massa in arcu.
