There are 8 stylistic module class suffixes which provide a unique style variation to the module: title1-8 and box1-8. There are also various additional structural suffixes, these affect the layout and metrics of the module.<\/p>\n
Furthermore, you can also add FontAwesome icons into the Module Class Suffix. You will get a medium sized icon to the left of the title. Suffixes are in the icon-NAME format such as icon-star, as shown on the Typography page.<\/p>\n[spacer size=\u00bb80″]\n
An example module using the title1<\/strong> module class suffix.<\/p>\n Lorem ipsum dolor sit amet, consecetur adipiscing elit donec sit amet nibh.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n \t[\/column]\n\t[column size=\u00bb1\/4″]\n An example module using the title2<\/strong> module class suffix.<\/p>\n Lorem ipsum dolor sit amet, consecetur adipiscing elit donec sit amet nibh.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n \t[\/column]\n\t[column size=\u00bb1\/4″]\n An example module using the title3<\/strong> module class suffix.<\/p>\n Lorem ipsum dolor sit amet, consecetur adipiscing elit donec sit amet nibh.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n \t[\/column]\n\t[column size=\u00bb1\/4″]\n An example module using the title4<\/strong> module class suffix.<\/p>\n Lorem ipsum dolor sit amet, consecetur adipiscing elit donec sit amet nibh.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n \t[\/column]\n<\/div>\n[divider]\n[spacer size=\u00bb50″]\n An example module using the title5<\/strong> module class suffix.<\/p>\n Lorem ipsum dolor sit amet, consecetur adipiscing elit donec sit amet nibh.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n \t[\/column]\n\t[column size=\u00bb1\/4″]\n An example module using the title6<\/strong> module class suffix.<\/p>\n Lorem ipsum dolor sit amet, consecetur adipiscing elit donec sit amet nibh.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n \t[\/column]\n\t[column size=\u00bb1\/4″]\n An example module using the title7<\/strong> module class suffix.<\/p>\n Lorem ipsum dolor sit amet, consecetur adipiscing elit donec sit amet nibh.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n \t[\/column]\n\t[column size=\u00bb1\/4″]\n An example module using the title8<\/strong> module class suffix.<\/p>\n Lorem ipsum dolor sit amet, consecetur adipiscing elit donec sit amet nibh.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n \t[\/column]\n<\/div>\n[divider]\n[spacer size=\u00bb50″]\n An example module using the box1<\/strong> module class suffix.<\/p>\n Lorem ipsum dolor sit amet, consecetur adipiscing elit donec sit amet nibh.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n \t[\/column]\n\t[column size=\u00bb1\/4″]\n An example module using the box2<\/strong> module class suffix.<\/p>\n Lorem ipsum dolor sit amet, consecetur adipiscing elit donec sit amet nibh.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n \t[\/column]\n\t[column size=\u00bb1\/4″]\n An example module using the box3<\/strong> module class suffix.<\/p>\n Lorem ipsum dolor sit amet, consecetur adipiscing elit donec sit amet nibh.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n \t[\/column]\n\t[column size=\u00bb1\/4″]\n An example module using the box4<\/strong> module class suffix.<\/p>\n Lorem ipsum dolor sit amet, consecetur adipiscing elit donec sit amet nibh.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n \t[\/column]\n<\/div>\n[spacer]\n[divider]\n[spacer size=\u00bb50″]\n An example module using the box5<\/strong> module class suffix.<\/p>\n Lorem ipsum dolor sit amet, consecetur adipiscing elit donec sit amet nibh.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n \t[\/column]\n\t[column size=\u00bb1\/4″]\n An example module using the box6<\/strong> module class suffix.<\/p>\n Lorem ipsum dolor sit amet, consecetur adipiscing elit donec sit amet nibh.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n \t[\/column]\n\t[column size=\u00bb1\/4″]\n An example module using the box-shadow<\/strong> module class suffix.<\/p>\n Lorem ipsum dolor sit amet, consecetur adipiscing elit donec sit amet nibh.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n \t[\/column]\n\t[column size=\u00bb1\/4″]\n An example module using the box-bevel<\/strong> module class suffix.<\/p>\n Lorem ipsum dolor sit amet, consecetur adipiscing elit donec sit amet nibh.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n \t[\/column]\n<\/div>\n[spacer size=\u00bb50″]\n","protected":false},"excerpt":{"rendered":" There are 8 stylistic module class suffixes which provide a unique style variation to the module: title1-8 and box1-8. There are also various additional structural suffixes, these affect the layout and metrics of the module. Furthermore, you can also add FontAwesome icons into the Module Class Suffix. You will get a medium sized icon to<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[506],"tags":[],"class_list":["post-2904","post","type-post","status-publish","format-standard","hentry","category-uncategorised"],"_links":{"self":[{"href":"https:\/\/www.gadmsucumbios.gob.ec\/web\/wp-json\/wp\/v2\/posts\/2904","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.gadmsucumbios.gob.ec\/web\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.gadmsucumbios.gob.ec\/web\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.gadmsucumbios.gob.ec\/web\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.gadmsucumbios.gob.ec\/web\/wp-json\/wp\/v2\/comments?post=2904"}],"version-history":[{"count":0,"href":"https:\/\/www.gadmsucumbios.gob.ec\/web\/wp-json\/wp\/v2\/posts\/2904\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.gadmsucumbios.gob.ec\/web\/wp-json\/wp\/v2\/media?parent=2904"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.gadmsucumbios.gob.ec\/web\/wp-json\/wp\/v2\/categories?post=2904"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.gadmsucumbios.gob.ec\/web\/wp-json\/wp\/v2\/tags?post=2904"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}\n\t\t\t\tTitle 2<\/span>
\n\t\t\t<\/h3>\n\n\t\t\t\tTitle 3<\/span>
\n\t\t\t<\/h3>\n\n\t\t\t\tTitle 4<\/span>
\n\t\t\t<\/h3>\n\n\t\t\t\tTitle 5<\/span>
\n\t\t\t<\/h3>\n\n\t\t\t\tTitle 6<\/span>
\n\t\t\t<\/h3>\n\n\t\t\t\tTitle 7<\/span>
\n\t\t\t<\/h3>\n\n\t\t\t\tTitle 8<\/span>
\n\t\t\t<\/h3>\n\n\t\t\t\tBox 1<\/span>
\n\t\t\t<\/h3>\n\n\t\t\t\tBox 2<\/span>
\n\t\t\t<\/h3>\n\n\t\t\t\tBox 3<\/span>
\n\t\t\t<\/h3>\n\n\t\t\t\tBox 4<\/span>
\n\t\t\t<\/h3>\n\n\t\t\t\tBox 5<\/span>
\n\t\t\t<\/h3>\n\n\t\t\t\tBox 6<\/span>
\n\t\t\t<\/h3>\n\n\t\t\t\tbox-shadow<\/span>
\n\t\t\t<\/h3>\n\n\t\t\t\tBoxs-bevel<\/span>
\n\t\t\t<\/h3>\n