Loading...
Typography 2013-05-24T21:01:19+00:00

Typography Shortcodes

Avada includes several shortcodes to help you with typography on your site. To name, there are headings, highlights, HTML styles (text link, underlined, bold, and bold emphasized) dropcaps, block quotes, and lists. With these options you can ensure that the typography on your site is stylized and looks sharp.

Headings From H1 to H6

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. eye-catching highlights 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. Bold and Italic text 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.

  • Lorem ipsum dolor sit amet
  1. Lorem ipsum dolor sit amet

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. 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.

Headings

Use Headings to emphasize titles and important content. Choose from H1 (largest), H2, H3, H4, H5 and H6 (smallest) to make the content on your site stand out.

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

Highlights

Highlights allow you to draw attention to certain content inside a paragraph and make them stand out to your viewers. You can customize the text color as well as the highlight color.

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

HTML Styles allow you to attach a link to text, use underline, bold, bold emphasized, and italics.

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 This is Italicized text 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

Dropcaps are a perfect way to make your articles interesting.

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

Blockquotes allow you to display important quotes or references in an eye-catching manner.

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.

Ordered & Unordered Lists

Ordered Lists displays your list as numbered. Unordered Lists, on the other hand, makes use of bullets to display your list.

  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

Join The 100,000+ Satisfied Avada Users!

BUY AVADA NOW!

This Is A Custom Widget

This Sliding Bar can be switched on or off in theme options, and can take any widget you throw at it or even fill it with your custom HTML Code. Its perfect for grabbing the attention of your viewers. Choose between 1, 2, 3 or 4 columns, set the background color, widget divider color, activate transparency, a top border or fully disable it on desktop and mobile.