{"id":625,"date":"2014-07-06T21:08:33","date_gmt":"2014-07-06T21:08:33","guid":{"rendered":"https:\/\/themes.simonbouchard.com\/theagency-v2\/?page_id=191"},"modified":"2014-07-06T21:08:33","modified_gmt":"2014-07-06T21:08:33","slug":"icons","status":"publish","type":"page","link":"https:\/\/themes.simonbouchard.com\/studio8\/documentation\/built-in-short-codes\/icons\/","title":{"rendered":"Icons"},"content":{"rendered":"

Attributes<\/h2>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
Attribute<\/th>\nDescription<\/th>\nValues<\/th>\nDefault<\/th>\n<\/thead>\n
icon<\/td>\nDefine the icon<\/td>\nSee all the available icons here<\/a><\/td>\nN\/A<\/td>\n<\/tr>\n
icon_size<\/td>\nDefine the icon size<\/td>\nfa-2x, fa-3x, fa-4x, fa-5x<\/td>\nfa-2x<\/td>\n<\/tr>\n
set_custom_icon_size<\/td>\nEnable the use of a custom icon size<\/td>\ntrue, false<\/td>\nfalse<\/td>\n<\/tr>\n
custom_icon_size<\/td>\nDefine the custom icon size<\/td>\npixels, pt, em, %<\/td>\nN\/A<\/td>\n<\/tr>\n
custom_icon_margin<\/td>\nDefine the spacing between icon and text<\/td>\npixels, pt, em, %<\/td>\nN\/A<\/td>\n<\/tr>\n
image<\/td>\nSet the url of the image if you don’t want to use the Font Awesome Icons library<\/td>\nURL<\/td>\nN\/A<\/td>\n<\/tr>\n
icon_type<\/td>\nDefine the icon type<\/td>\nnormal, circle, square<\/td>\nnormal<\/td>\n<\/tr>\n
icon_position<\/td>\nDefine the icon position<\/td>\ntop, left, left_from_title<\/td>\nleft_from_title<\/td>\n<\/tr>\n
icon_margin<\/td>\nDefine the icon position margin<\/td>\npixels, pt, em, %<\/td>\nN\/A<\/td>\n<\/tr>\n
icon_border_color<\/td>\nDefine the icon border color. (Only for square and circle type)<\/td>\nHEX or RGB value<\/td>\nN\/A<\/td>\n<\/tr>\n
icon_color<\/td>\nDefine the icon color<\/td>\nHEX or RGB value<\/td>\nN\/A<\/td>\n<\/tr>\n
icon_background_color<\/td>\nDefine the icon background color. (Only for square and circle type)<\/td>\nHEX or RGB value<\/td>\nN\/A<\/td>\n<\/tr>\n
title<\/td>\nDefine the title<\/td>\nText<\/td>\nN\/A<\/td>\n<\/tr>\n
title_tag<\/td>\nDefine the title tag<\/td>\nh2, h3, h4, h5, h6<\/td>\nh6<\/td>\n<\/tr>\n
title_color<\/td>\nDefine the title color<\/td>\nHEX or RGB value<\/td>\nN\/A<\/td>\n<\/tr>\n
text<\/td>\nDefine the text<\/td>\nText<\/td>\nN\/A<\/td>\n<\/tr>\n
text_color<\/td>\nDefine the text color<\/td>\nHEX or RGB value<\/td>\nN\/A<\/td>\n<\/tr>\n
link<\/td>\nDefine the link url if any<\/td>\nURL<\/td>\nN\/A<\/td>\n<\/tr>\n
link_text<\/td>\nDefine the link text<\/td>\nText<\/td>\nRead more<\/td>\n<\/tr>\n
link_color<\/td>\nDefine the link text color<\/td>\nHEX or RGB value<\/td>\nN\/A<\/td>\n<\/tr>\n
target<\/td>\nDefine the link target<\/td>\n_self, _blank<\/td>\n_self<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n
Demo<\/h6>\n
\n
\n
<\/i><\/span><\/div>
About us<\/h6>

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam.<\/p>Learn more<\/a><\/div><\/div><\/div>\n<\/div>\n

\n
<\/i><\/span><\/div>
Services<\/h6>

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam.<\/p>Learn more<\/a><\/div><\/div><\/div>\n<\/div>\n

\n
<\/i><\/span><\/div>
Development<\/h6>

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam.<\/p>Learn more<\/a><\/div><\/div><\/div>\n <\/div>

<\/div>\n
\n[icon_text icon=\"fa-git\" icon_type=\"circle\" icon_position=\"top\" icon_size=\"fa-4x\" icon_background_color=\"#fcf751\" icon_border_color=\"#fcf751\" icon_color=\"#000\" title=\"About us\" text=\"Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam.\" link=\"#\" link_text=\"Learn more\"]\n<\/pre>\n <\/div>\n
 \n
 \n
<\/i><\/span><\/div>
Beautiful design<\/h6>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam.<\/p><\/div><\/div><\/div>\n <\/div>\n
 \n
<\/i><\/span><\/div>
100% Responsive<\/h6>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam.<\/p><\/div><\/div><\/div>\n <\/div>
<\/div>\n
 \n
<\/i><\/span><\/div>
Interactive Elements<\/h6>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam.<\/p><\/div><\/div><\/div>\n <\/div>\n
 \n
<\/i><\/span><\/div>
Fully Customizible<\/h6>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam.<\/p><\/div><\/div><\/div>\n <\/div>
<\/div>\n
\n[icon_text icon=\"fa-desktop\" icon_type=\"circle\" icon_position=\"left\" icon_size=\"fa-3x\" use_custom_icon_size=\"no\" title=\"Beautiful design\" text=\"Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam.\"]\n<\/pre>\n <\/div>\n
 \n
\n
<\/i><\/span><\/div>
Beautiful design<\/h6><\/div>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam.<\/p><\/div><\/div><\/div>\n<\/div>\n
\n
<\/i><\/span><\/div>
Minimalist<\/h6><\/div>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam.<\/p><\/div><\/div><\/div>\n<\/div>\n
 \n
<\/i><\/span><\/div>
100% Responsive<\/h6><\/div>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam.<\/p><\/div><\/div><\/div>\n <\/div>
<\/div>\n
\n
<\/i><\/span><\/div>
Interactive Stuff<\/h6><\/div>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam.<\/p><\/div><\/div><\/div>\n<\/div>\n
\n
<\/i><\/span><\/div>
Google Web Fonts<\/h6><\/div>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam.<\/p><\/div><\/div><\/div>\n<\/div>\n
 \n
<\/i><\/span><\/div>
Fully Customizible<\/h6><\/div>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam.<\/p><\/div><\/div><\/div>\n <\/div>
<\/div>\n
\n[icon_text icon=\"fa-key\" icon_type=\"normal\" icon_position=\"left_from_title\" icon_size=\"fa-2x\" use_custom_icon_size=\"no\" title=\"Fully Customizible\" text=\"Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam.\"]\n<\/pre>\n <\/div>\n","protected":false},"excerpt":{"rendered":"
Attributes Attribute Description Values Default icon Define the icon See all the available icons here N\/A icon_size Define the icon size fa-2x, fa-3x, fa-4x, fa-5x fa-2x set_custom_icon_size Enable the use of a custom icon size true, false false custom_icon_size Define the custom icon size pixels, pt, em, % N\/A custom_icon_margin Define the spacing between icon…  Read more »<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":619,"menu_order":0,"comment_status":"open","ping_status":"open","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/themes.simonbouchard.com\/studio8\/wp-json\/wp\/v2\/pages\/625"}],"collection":[{"href":"https:\/\/themes.simonbouchard.com\/studio8\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/themes.simonbouchard.com\/studio8\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/themes.simonbouchard.com\/studio8\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themes.simonbouchard.com\/studio8\/wp-json\/wp\/v2\/comments?post=625"}],"version-history":[{"count":0,"href":"https:\/\/themes.simonbouchard.com\/studio8\/wp-json\/wp\/v2\/pages\/625\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/themes.simonbouchard.com\/studio8\/wp-json\/wp\/v2\/pages\/619"}],"wp:attachment":[{"href":"https:\/\/themes.simonbouchard.com\/studio8\/wp-json\/wp\/v2\/media?parent=625"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}