{"title":"Displaying your Content with an Icon by Phlox Text Shortcode","id":36924,"link":"https:\/\/env.averta.net\/en\/step\/displaying-your-content-with-an-icon-by-phlox-text-shortcode\/","parent":[37142],"content":"

Phlox Text Shortcode?<\/strong>lets you add your text as a combination of an icon, a title, and your desired content. You are able to change the layout of the text and insert it between your post content through WordPress editor. There is a specific text style that allows you to customize your post. Use this feature by adding the code and change its elements.<\/p>\n

\"phlox-text\"<\/a><\/p>\n

[aux_text title_link=\"\" text_align=\"left\" icon=\"auxicon-bow-tie\" image_position=\"top\" icon_color=\"#888\" title=\"title\" extra_classes=\"\"]Insert your content here[\/aux_text]<\/pre>\n
Recommended: <\/strong>To see the demos of Text<\/strong>, check out this link<\/a>.<\/p>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
OPTION<\/th>\nDEFAULT VALUE<\/th>\nVALUES AND DESCRIPTION<\/th>\n<\/tr>\n
title_link<\/td>\n” “<\/td>\nYou can link the title to another page by typing the link between these quotations.<\/td>\n<\/tr>\n
text_align<\/td>\n“left”<\/td>\nAligns the text to:<\/p>\n
“left”<\/p>\n
“right”<\/p>\n
“center”<\/td>\n<\/tr>\n
icon<\/td>\n“auxicon-bow-tie”<\/td>\nTo see all icons, check out this article<\/a>.<\/td>\n<\/tr>\n
image_position<\/td>\n“top”<\/td>\n“top”<\/p>\n
“left”<\/p>\n
“right”<\/td>\n<\/tr>\n
icon_size<\/td>\n” “<\/td>\nChanges the size of the icon.<\/p>\n
“small”<\/p>\n
“medium”<\/p>\n
“large”<\/p>\n
“x-large”<\/td>\n<\/tr>\n
icon_color<\/td>\n“#888”<\/td>\nLets you choose any color you want by adding the color code. Check out this page<\/a> to see all available colors.<\/td>\n<\/tr>\n
icon_bg_color<\/td>\n” “<\/td>\nAllows you to choose a color for background of icon. Check out this page<\/a> to see all available colors.<\/p>\n
” “: inherit<\/td>\n<\/tr>\n
icon_shape<\/td>\n“circle”<\/td>\nChanges the shape of the icon to:<\/p>\n
“circle”<\/p>\n
“semi-circle”<\/p>\n
“round-rect”: Round Rectangle<\/p>\n
“rect”: Rectangle<\/p>\n
“hexa”<\/td>\n<\/tr>\n
icon_border_color<\/td>\n” “<\/td>\nLets you choose a color for the border around the icon. Check out this page<\/a> to see all available colors.<\/td>\n<\/tr>\n
text_color_mode<\/td>\n“inherit”<\/td>\n“inherit”<\/p>\n
“dark”<\/p>\n
“light”<\/td>\n<\/tr>\n
title<\/td>\n“title”<\/td>\nWrite your title here.<\/td>\n<\/tr>\n
extra_classes<\/td>\n” “<\/td>\nAdd your custom CSS class names here,?to style particular content element differently.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n","type":"solution"}