Primary
Secondary
Tertiary
BG Body
BG Surface
BG Transparent
Text Body
Text Title
Text Subtle
Border Light
Border Dark
Shadow
Neutral Light
Neutral Mid
Neutral Dark
Status Success
Status Error
Status Normal
Large Paragraph (text-hero)
As a user, it is important to have a positive experience when using a website or app. This can help to keep you engaged and ensure that you enjoy your experience. One way to improve the readability of a website or app is to use simple and straightforward language. This makes it easier for you to understand the content and prevents you from becoming confused or frustrated. Another way to improve the readability of a website or app is to use clear and concise navigation. This helps to make it easy for you to find the information or features that you are looking for. Get started.
MediumParagraph (text-m)
As a user, it is important to have a positive experience when using a website or app. This can help to keep you engaged and ensure that you enjoy your experience. One way to improve the readability of a website or app is to use simple and straightforward language. This makes it easier for you to understand the content and prevents you from becoming confused or frustrated. Another way to improve the readability of a website or app is to use clear and concise navigation. This helps to make it easy for you to find the information or Get started.
Small Paragraph (Primary)
As a user, it is important to have a positive experience when using a website or app. This can help to keep you engaged and ensure that you enjoy your experience. One way to improve the readability of a website or app is to use simple and straightforward language. This makes it easier for you to understand the content and prevents you from becoming confused or frustrated. Another way to improve the readability of a website or app is to use clear and concise navigation. This helps to make it easy for you to find the information or Get started.
Extra Small Paragraph (text-xs)
As a user, it is important to have a positive experience when using a website or app. This can help to keep you engaged and ensure that you enjoy your experience. One way to improve the readability of a website or app is to use simple and straightforward language. This makes it easier for you to understand the content and prevents you from becoming confused or frustrated. Another way to improve the readability of a website or app is to use clear and concise navigation. This helps to make it easy for you to find the information or Get started.
Design is a really, loaded word. I don’t know what it means. So we don’t talk a lot about design around here, we just talk about how things work. Most people think it’s about how they look, but it’s about how they work.
Border Large Quote
Design is a really, loaded word. I don’t know what it means. So we don’t talk a lot about design around here, we just talk about how things work. Most people think it’s about how they look, but it’s about how they work.
Quotation Large Quote
Design is a really, loaded word. I don’t know what it means. So we don’t talk a lot about design around here, we just talk about how things work. Most people think it’s about how they look, but it’s about how they work.
Boxed Large Quote
Design is a really, loaded word. I don’t know what it means. So we don’t talk a lot about design around here, we just talk about how things work. Most people think it’s about how they look, but it’s about how they work.
Clean Large Quote
Fixed alignment and padding in Code Snippets ‘Elementor Global CSS’
Unordered List
Ordered List
2 Columns modify the CSS code in Advanced Tab Custom CSS
1 Column
Small Button
btn-small
Normal Button
btn-regular
Large Button
btn-large
Outline Button
btn-outline
Underline Button
btn-underline
Ghost Button
btn-ghost
Cards padding for 4 columns and up. Use CSS Class box4 in Advanced settings.
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.
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.
Cards padding for 3 columns and up. Use CSS Class box3 in Advanced settings.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus.
Cards padding for 2 columns and up. Use CSS Class box2 in Advanced settings.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis.
Card padding for 1 column. Use CSS Class box1 in Advanced settings.
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. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Use CSS Class cpad120 in Advanced settings.
Regular Paragraph text goes here is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting.
Use CSS Class cpad100 in Advanced settings.
Regular Paragraph text goes here is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting.
Use CSS Class cpad80 in Advanced settings.
Regular Paragraph text goes here is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting.
Use CSS Class cpad60 in Advanced settings.
Regular Paragraph text goes here is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting.
Use CSS Class cpad48 in Advanced settings.
Regular Paragraph text goes here is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting.
Use CSS Class cpad24 in Advanced settings.
Use CSS Class cpad0 in Advanced settings.