Elementor Styleguide

This template contains all kinds of global styles for Elementor

Accent

Accent main

Accent darker

Accent hover, Links

Dark

Text: Body

Dark darker

Primary: Headings

Light

Headings on dark

Light darker

Body on dark

Accent 2

Accent 2

Accent 2: hover

Accent 2: hover

Title 1

Lorem ipsum dolor sit amet consectetur adipiscing elit

Title 2

Lorem ipsum dolor sit amet consectetur adipiscing elit aliquam

Title 3

Lorem ipsum dolor sit amet consectetur adipiscing elit aliquam sollicitudin gravida

Title 4

Lorem ipsum dolor sit amet consectetur adipiscing elit aliquam sollicitudin gravida praesent tristique

Title 5

Lorem ipsum dolor sit amet consectetur adipiscing elit aliquam sollicitudin gravida praesent tristique volutpat ac, magnis

Title 6

Lorem ipsum dolor sit amet consectetur adipiscing elit aliquam sollicitudin gravida praesent tristique volutpat ac, magnis dictumst egestas eleifend

Title 7

Lorem ipsum dolor sit amet consectetur adipiscing elit aliquam sollicitudin gravida praesent tristique volutpat ac, magnis dictumst egestas eleifend ad tempor aptent sem sapien

Sub title

Lorem ipsum dolor sit amet consectetur adipiscing elit aliquam sollicitudin aliquam

Body

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Body bold

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Body large

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Body small

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Want other font sizes? Use the font clamping website

This is a light boxed container

Lorem ipsum dolor sit amet consectetur adipiscing elit tortor convallis elementum placerat vehicula est, nostra imperdiet ullamcorper magnis nullam enim pellentesque curabitur venenatis lectus fames sodales. 

This is a light darker boxed container

Lorem ipsum dolor sit amet consectetur adipiscing elit tortor convallis elementum placerat vehicula est, nostra imperdiet ullamcorper magnis nullam enim pellentesque curabitur venenatis lectus fames sodales. 

This a full width container

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

This a full width container

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

This is an accent boxed container

Lorem ipsum dolor sit amet consectetur adipiscing elit tortor convallis elementum placerat vehicula est, nostra imperdiet ullamcorper magnis nullam enim pellentesque curabitur venenatis lectus fames sodales. 

This is a dark boxed container

Lorem ipsum dolor sit amet consectetur adipiscing elit tortor convallis elementum placerat vehicula est, nostra imperdiet ullamcorper magnis nullam enim pellentesque curabitur venenatis lectus fames sodales.

This is a dark darker container

Lorem ipsum dolor sit amet consectetur adipiscing elit tortor convallis elementum placerat vehicula est, nostra imperdiet ullamcorper magnis nullam enim pellentesque curabitur venenatis lectus fames sodales.