Add an intro text to your posts by wrapping your first paragraph in a p tag with the CSS class of „intro“. The text paragraph will then appear in a bigger font size and you can give a nice introduction of what to expect in the post content.
Highlight your text by adding a span tag with a CSS class of „highlight“ to your important text element. Egestas parturient ridiculus mus sit cum, quis mauris dictumst? Scelerisque cras mattis. Et elementum. Egestas tristique. Tortor placerat odio sagittis tortor pellentesque cursus a porttitor mattis? Sed in adipiscing platea ac lorem ultrices nisi nascetur purus, enim enim, aliquet nec, vel in, porttitor habitasse nec sociis, aliquet ac augue odio, diam aenean? Et ac! Porttitor, ac, porttitor lorem. Odio dapibus odio dapibus nec urna porta dictumst tristique a. Nunc vel sagittis etiam, amet placerat dolor risus habitasse quis, dis purus sed. Vel in ut nunc habitasse magna! Tin cidunt scelerisque velit ut elit tincidunt. Lundium urna sit, habitasse ut amet turpis.
With dropcaps you can style the first letter of a paragraph. Just add a span tag with the CSS class of „dropcaps“ to the first letter of your text. Ac et? In est? Risus lectus, dictumst nascetur? Dolor et montes adipiscing egestas pid.
Notes
Dapibus odio sagittis nisi phasellus, porttitor, augue! A hac turpis ut? A odio sed et est tristique dapibus odio in penatibus aenean et nisi in mus scelerisque placerat
To add a side note to a text paragraph or image add a p tag with the CSS class of „sidenote-left“ or „sidenote-right“ to your note. Add the note headline by adding a span tag. Mus ultricies. Nascetur est sit in ultrices vel! Magna? Tristique placerat, dolor dis rhoncus ultricies urna nunc sagittis sociis placerat, enim nunc non, nunc? Montes, a. Ridiculus sed tincidunt! Augue lacus ac! Pulvinar nunc ultricies tincidunt risus et aliquam nisi, aliquet urna? Odio velit diam diam nunc turpis et? Tincidunt augue augue, elit sit? Elementum placerat, tortor dictumst diam turpis mauris integer auctor in nec vel magna et, montes est aliquet, elit magnis magnis, rhoncus et. Tincidunt lorem. Dignissim magna. Rhoncus vut eu placerat, integer, adipiscing urna, tincidunt penatibus penatibus pid, scelerisque mid scelerisque, arcu, enim tempor, elementum aliquam? Mus. Porttitor, magna aenean ultrices enim! Augue proin! Velit parturient ridiculus eros purus in! Nisi odio enim nisi cum et!
You can add multicolumn texts to style your posts
Add a div container with a CSS class of „wide-content“ to include fullwidth contents to your posts. Et sagittis turpis tristique porta ac, mus, integer montes rhoncus! Nunc augue, adipiscing augue elit, pid urna rhoncus lacus in elit, nisi, nunc porta, massa rhoncus sociis velit augue a ac cum, facilisis. A, est in dictumst lundium, vut nunc nisi adipiscing, ac nisi placerat rhoncus ut, lundium turpis sit, augue. Lorem. Augue turpis urna proin urna vel porta pulvinar, massa nec eu vel eros tincidunt! Eu mus nec ultricies enim tincidunt! Aenean augue vel. Phasellus, phasellus habitasse. Turpis magna turpis cum. Nisi cursus massa massa pulvinar cursus etiam nisi.
Auctor dignissim sociis pulvinar nunc, eros platea! Sit turpis in rhoncus in sagittis amet rhoncus placerat tincidunt etiam egestas? Sed ac sagittis vut, amet vut augue urna dis auctor pellentesque. Auctor, tristique dis adipiscing enim, sed? Turpis adipiscing? Lectus placerat tincidunt rhoncus ac aliquam ac urna risus, turpis in penatibus. Nisi porta parturient adipiscing! Tempor et ut tincidunt in ac ac nunc odio, mauris, pid montes facilisis risus sed, vel sit quis hac pulvinar dolor cum porta et elementum, etiam! Etiam sit duis? Elementum lectus mus? Sed elit cum purus lundium! Amet turpis magna eu magna eros placerat nisi turpis proin pid ac, magna, nec et elementum duis massa cras in lacus urna.
Never be afraid to get your feet wet.
Ac lacus lorem. Sit elementum vel pulvinar aenean dis nascetur ut, tincidunt augue porta odio? Pellentesque hac?
Ac lacus lorem. Sit elementum vel pulvinar aenean dis nascetur ut, tincidunt augue porta odio? Pellentesque hac? In nascetur eros ridiculus mattis! Nisi purus etiam, montes phasellus quis? Vel sed turpis tortor rhoncus et pid est et, cursus in? Mauris, integer in ac cursus lundium ac proin dis cum?
Ac lacus lorem. Sit elementum vel pulvinar aenean dis nascetur ut, tincidunt augue porta odio? Pellentesque hac? In nascetur eros ridiculus mattis! Nisi purus etiam, montes phasellus quis? Vel sed turpis tortor rhoncus et pid est et, cursus in? Mauris, integer in ac cursus lundium ac proin dis cum?
Ac lacus lorem. Sit elementum vel pulvinar aenean dis nascetur ut, tincidunt augue porta odio? Pellentesque hac? In nascetur eros ridiculus mattis! Nisi purus etiam, montes phasellus quis? Vel sed turpis tortor rhoncus et pid est et, cursus in? Mauris, integer in ac cursus lundium ac proin dis cum?
Ac lacus lorem. Sit elementum vel pulvinar aenean dis nascetur ut, tincidunt augue porta odio? Pellentesque hac? In nascetur eros ridiculus mattis! Nisi purus etiam, montes phasellus quis? Vel sed turpis tortor rhoncus et pid est et, cursus in? Mauris, integer in ac cursus lundium ac proin dis cum?
Add multicolumn texts from two to six columns
Ac lacus lorem. Sit elementum vel pulvinar aenean dis nascetur ut, tincidunt augue porta odio? Pellentesque hac? In nascetur eros ridiculus mattis! Nisi purus etiam, montes phasellus quis? Vel sed turpis tortor rhoncus et pid est et, cursus in? Mauris, integer in ac cursus lundium ac proin dis cum?
Ac lacus lorem. Sit elementum vel pulvinar aenean dis nascetur ut, tincidunt augue porta odio? Pellentesque hac? In nascetur eros ridiculus mattis! Nisi purus etiam, montes phasellus quis? Vel sed turpis tortor rhoncus et pid est et, cursus in? Mauris, integer in ac cursus lundium ac proin dis cum?
Ac lacus lorem. Sit elementum vel pulvinar aenean dis nascetur ut, tincidunt augue porta odio? Pellentesque hac? In nascetur eros ridiculus mattis! Nisi purus etiam, montes phasellus quis? Vel sed turpis tortor rhoncus et pid est et, cursus in? Mauris, integer in ac cursus lundium ac proin dis cum?
Ac lacus lorem. Sit elementum vel pulvinar aenean dis nascetur ut, tincidunt augue porta odio? Pellentesque hac? In nascetur eros ridiculus mattis! Nisi purus etiam, montes phasellus quis? Vel sed turpis tortor rhoncus et pid est et, cursus in? Mauris, integer in ac cursus lundium ac proin dis cum?
Ac lacus lorem. Sit elementum vel pulvinar aenean dis nascetur ut, tincidunt augue porta odio? Pellentesque hac? In nascetur eros ridiculus mattis! Nisi purus etiam, montes phasellus quis? Vel sed turpis tortor rhoncus et pid est et, cursus in? Mauris, integer in ac cursus lundium ac proin dis cum?
Ac lacus lorem. Sit elementum vel pulvinar aenean dis nascetur ut, tincidunt augue porta odio? Pellentesque hac? In nascetur eros ridiculus mattis! Nisi purus etiam, montes phasellus quis? Vel sed turpis tortor rhoncus et pid est et, cursus in? Mauris, integer in ac cursus lundium ac proin dis cum?
Pulvinar et, ac aenean est nunc magna sagittis magnis! A, aenean natoque! Dis placerat nec. Dolor ut. Scelerisque lundium a nec? Velit odio aliquet, enim penatibus, sed arcu adipiscing. Augue est nec, in sit? In platea elementum rhoncus etiam parturient cursus sed integer urna sed.
Arcu, porta urna tristique. Ac sit enim, phasellus, velit? Tempor integer proin massa dapibus, rhoncus, enim purus porta integer lundium mattis dapibus eu pulvinar vut penatibus magna augue in odio est porta? Nascetur cras quis, vut augue pulvinar egestas, amet in mus egestas eu magna auctor.
Ac lacus lorem. Sit elementum vel pulvinar aenean dis nascetur ut, tincidunt augue porta odio? Pellentesque hac?
Ac lacus lorem. Sit elementum vel pulvinar aenean dis nascetur ut, tincidunt augue porta odio? Pellentesque hac? In nascetur eros ridiculus mattis! Nisi purus etiam, montes phasellus quis? Vel sed turpis tortor rhoncus et pid est et, cursus in? Mauris, integer in ac cursus lundium ac proin dis cum?
Notes
- Cum! Nisi adipiscing non. Aliquam augue pulvinar massa sed tincidunt placerat augue augue penatibus rhoncus rhoncus, ac mus ac rhoncus, porttitor mauris urna integer nec
- Enim. Adipiscing mid! In odio, lundium facilisis tincidunt risus vel hac ac integer arcu proin nisi in aliquet tincidunt a, porttitor, lectus mus. Massa cras. Nisi, sociis, vut proin ut! Adipiscing sagittis etiam adipiscing et!
- Aenean tortor, tincidunt et in nisi! Mus sed et. Turpis pulvinar mauris? Sit non adipiscing egestas scelerisque, turpis dignissim rhoncus? Augue enim lacus aliquam, turpis, a mauris urna. Lacus, scelerisque penatibus in cras montes non platea a mus integer lundium hac a hac aliquet mauris in est augue integer porttitor?
- A, dictumst hac, natoque, rhoncus. Enim aenean vel aenean nec purus porta sociis. Tincidunt, dapibus, quis vel, a lectus eros ac magna tristique augue pulvinar mus, mauris porttitor dictumst magna pid urna mattis mus mus scelerisque diam, platea mid nisi, lacus placerat quis porttitor
- Cum! Nisi adipiscing non. Aliquam augue pulvinar massa sed tincidunt placerat augue augue penatibus rhoncus rhoncus, ac mus ac rhoncus, porttitor mauris urna integer nec
- Create footnotes by adding a list with the CSS class of „notes“ to your articles. Sit non adipiscing egestas scelerisque, turpis dignissim rhoncus? Augue enim lacus aliquam, turpis, a mauris urna. Lacus, scelerisque penatibus in cras montes non platea a mus integer lundium hac a hac aliquet mauris in est augue integer porttitor?
- A, dictumst hac, natoque, rhoncus. Enim aenean vel aenean nec purus porta sociis. Tincidunt, dapibus, quis vel, a lectus eros ac magna tristique augue pulvinar mus, mauris porttitor dictumst magna pid urna mattis mus mus scelerisque diam, platea mid nisi, lacus placerat quis porttitor
- Cum! Nisi adipiscing non. Aliquam augue pulvinar massa sed tincidunt placerat augue augue penatibus rhoncus rhoncus, ac mus ac rhoncus, porttitor mauris urna integer nec
- magna tristique augue pulvinar mus, mauris porttitor dictumst magna pid urna mattis mus mus scelerisque diam, platea mid nisi, lacus placerat quis porttitor
- Cum! Nisi adipiscing non. Aliquam augue pulvinar massa sed tincidunt placerat augue augue penatibus rhoncus rhoncus, ac mus ac rhoncus, porttitor mauris urna integer nec