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

D1

Lorem ipsum dolor sit amet consectetur adipiscing elit

D2

Lorem ipsum dolor sit amet consectetur adipiscing elit

D3

Lorem ipsum dolor sit amet consectetur adipiscing elit

D4

Lorem ipsum dolor sit amet consectetur adipiscing elit

D5

Lorem ipsum dolor sit amet consectetur adipiscing elit

D6

Lorem ipsum dolor sit amet consectetur adipiscing elit aliquam

H1

Lorem ipsum dolor sit amet consectetur adipiscing elit aliquam sollicitudin gravida

H2

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

H3

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

H4

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

H5

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

H6

Lorem ipsum dolor sit amet consectetur adipiscing elit aliquam sollicitudin aliquam

Body 1 rem

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

Body 0.9 rem

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

Body 0.75 rem

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

Button default
button-dark
button-light
button-outline-dark
button-accent-2
Button default
button-light
button-outline-light
button-accent-2

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

Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

This a full width container

Click edit button to change this text. 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.