Typography

Home/Typography
Typography 2017-02-13T14:35:25+00:00
Avada includes several short codes to help you with typography on your site. THere are headings, dropcaps, highlights, underline, block quotes, and lists. With these options you can ensure that the typography on your site is stylized and looks sharp.

All Heading Sizes Can Be Used With Double Lines

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque diam sem, hendrerit ut faucibus sit amet, bibendum vel lacus. Nunc molestie magna sed sapien ornare tempus. Curabitur venenatis ipsum nec ligula placerat sollicitudin. Curabitur sit amet magna quam. Praesent in libero vel turpis pellentesque egestas sit amet vel nunc. Nunc lobortis dui neque, quis accumsan dolor. Aenean aliquet dignissim semper. Maecenas ullamcorper est vitae sem ornare interdum. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Integer dolor diam, tincidunt ac euismod ac, sollicitudin varius ante. Pellentesque elementum commodo dolor sit amet semper. Nullam id massa a turpis bibendum tincidunt. Donec non augue id augue dignissim molestie elementum vitae velit. Quisque laoreet eleifend posuere. Mauris congue venenatis nisl ut varius. In posuere sem lorem, eu iaculis ante. Quisque eget turpis sem. Phasellus varius tempor tellus, imperdiet auctor urna commodo vel ger dolor diam, tincidunt ac euismod ac, sollicitudin varius ante sadips ipsums dolores sits.

H1 Heading

H2 Heading

H3 Heading

H4 Heading

H5 Heading
H6 Heading

Text Tooltips

Praesent in libero vel turpis pellentesque egestas sit amet vel nunc. Hover over this text for Tooltip!  Nunc lobortis dui neque, quis accumsan dolor. Aenean aliquet dignissim semper. Maecenas ullamcorper est vitae sem ornare interdum. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Integer dolor diam, tincidunt ac euismod ac, sollicitudin varius ante. Pellentesque elementum commodo dolor sit amet semper. Nullam id massa a turpis bibendum tincidunt. Donec non augue id augue dignissim molestie. Hey, here’s another text tooltip! Elementum vitae veli uisque laoreet eleifend posuere. Mauris congue venenatis nisl ut varius. In posuere sem lorem, eu iaculis ante. Quisque eget turpis sem. Phasellus varius tempor tellus, imperdiet auctor urna commodo vel ger dolor diam, tincidunt ac euismod ac, sollicits.

Highlights

Lorem ipsums sit This is text highlighted in black diam molestie taciti sadips ipsumes dolores. Bibendum tas sadips This is text highlighted in yellow Sollicitudin eros sapien, ultrices primis. Volutpat tempor tur duis mattis dapibus, felis amet faucibus. fames etiam sit enim fermentum etiam quam eros velit aptent netus faucibus. Duis lectus integer malesuada mattis tempus commodoiam molestie taciti eleifend donec fames platea molestie donec, bibendum vehicula nam turpis faucibus sadips ipsums dolores fugiats sits. You can also use any highlight color you want! Quisque eget turpis sem. Phasellus varius tempor tellus, imperdiet auctor urna commodo vel ger dolor diam, tincidunt ac euismod ac, sollicits. Voluptas sadips ipsums amet untras.Sollicitudin eros sapien, ultrices primis sadips ipsums dolores voluptas sits vehicula nam turpis faucibus olup.

HTML Styles

This is a text link tincidunt quisque tristique. This is underlined text. Sollicitudin eros sapien, ultrices primis. This is Bold Emphasized text volutpat tempor tur duis mattis dapibus, felis amet faucibus. fames etiam sit enim fermentum etiam quam eros velit aptent netus faucibus duis lectus integer malesuada, mattis tempus commodos. Bibendum vehicula nam turpis faucibus. Voluptas sadips ipsums amet untras.Sollicitudin eros sapien, ultrices primis. This is Bold text volutpat tempor tur duis mattis dapibus, felis amet faucibus. fames etiam sit enim fermentum etiam quam eros velit aptent netus faucibus.Duis lectus integer malesuada mattis tempus commodoiam molestie taciti eleifend donec fames platea molestie donec, bibendum vehicula nam turpis faucibus. Quisque eget turpis sem. Phasellus varius tempor tellus, imperdiet auctor urna.

Dropcap

DCurabitur sit amet magna quam. Praesent in libero vel turpis pellentesque egestas sit amet vel nunc. Nunc lobortis dui neque, quis accumsan dolor. Aenean aliquet dignissim semper. Maecenas ullamcorper est vitae sem ornare interdum. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Integer dolor diam, tincidunt ac euismod ac, sollicitudin varius ante. Pellentesque elementum commodo dolor sit amet semper. Nullam id massa a turpis bibendum tincidunt. Donec non augue id augue dignissim molestie elementum vitae velit. Quisque laoreet eleifend posuere. Mauris congue venenatis nisl ut varius. In posuere sem lorem, eu iaculis ante. Quisque eget turpis sem. Phasellus varius tempor tellus, imperdiet auctor urna commodotincidunt ac euismod ac, sollicits.

Blockquote

Curabitur sit amet magna quam. Praesent in libero vel turpis pellentesque egestas sit amet vel nunc. Nunc lobortis dui neque, quis accumsan dolor. Aenean aliquet dignissim semper. Maecenas ullamcorper est vitae sem ornare interdum. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Integer dolor diam, tincidunt ac euismod ac, sollicitudin varius ante. Pellentesque elementum commodo dolor sit amet semper. Nullam id massa a turpis bibendum tincidunt.

Sollicitudin eros sapien, ultrices primis. Volutpat tempor tur duis mattis dapibus, felis amet faucibus. fames etiam sit enim fermentum etiam quam eros velit aptent netus faucibus duis lectus integer malesuada, mattis tempus commodoiam molestie taciti eleifend donec fames platea molestie donec, bibendum vehicula nam turpis faucibus, Tncidunt quisque tristique. Sollicitudin eros sapien, ultrices primis. Folutpat tempor tur duis mattis dapibus, felis amet faucibus.

Curabitur sit amet magna quam. Praesent in libero vel turpis pellentesque egestas sit amet vel nunc. Nunc lobortis dui neque, quis accumsan dolor. Aenean aliquet dignissim semper. Maecenas ullamcorper est vitae sem ornare interdum. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Integer dolor diam, tincidunt ac euismod ac, sollicitudin varius ante. Pellentesque elementum commodo dolor sit amet semper. Nullam id massa a turpis bibendum tincidunt.

Checklists Have 6 Styles, Choose Light or Dark

  • This is a checklist item for your copy
  • This is a checklist item for your copy
  • This is a checklist item for your copy
  • This is a checklist item for your copy
  • This is a checklist item for your copy
  • This is a checklist item for your copy
  • This is a checklist item for your copy
  • This is a checklist item for your copy
  • This is a checklist item for your copy
  • This is a checklist item for your copy
  • This is a checklist item for your copy
  • This is a checklist item for your copy
  • This is a checklist item for your copy
  • This is a checklist item for your copy
  • This is a checklist item for your copy
  • This is a checklist item for your copy
  • This is a checklist item for your copy
  • This is a checklist item for your copy

Use Them With or Without Circles

  • This is a checklist item for your copy
  • This is a checklist item for your copy
  • This is a checklist item for your copy
  • This is a checklist item for your copy
  • This is a checklist item for your copy
  • This is a checklist item for your copy
  • This is a checklist item for your copy
  • This is a checklist item for your copy
  • This is a checklist item for your copy
  • This is a checklist item for your copy
  • This is a checklist item for your copy
  • This is a checklist item for your copy
  • This is a checklist item for your copy
  • This is a checklist item for your copy
  • This is a checklist item for your copy
  • This is a checklist item for your copy
  • This is a checklist item for your copy
  • This is a checklist item for your copy

Ordered & Unordered Lists

  1. This is an item in an ordered bulleted list wrapped in a half column
  2. This is an item in an ordered bulleted list wrapped in a half column
  3. This is an item in an ordered bulleted list wrapped in a half column
  • This is an item in an unordered bulleted list wrapped in a half column
  • This is an item in an unordered bulleted list wrapped in a half column
  • This is an item in an unordered bulleted list wrapped in a half column

Columns

One Half

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

One Half

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

One Third

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui.

One Third

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui.

One Third

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui.

One Third

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui.

Two Third

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui. Ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliqunon proident, sunt in culpa qui.

One Fourth

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud sitsers exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

One Fourth

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud sitsers exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

One Fourth

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud sitsers exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

One Fourth

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud sitsers exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

One Fourth

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud sitsers exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Three Fourth

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliqu enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip

Skip to toolbar