• Home
  • Documentations
    • Phlox WordPress Theme
    • Phlox Pro WordPress Theme
    • Master Slider jQuery
    • Master Slider WordPress Pro
    • Master Slider WordPress Free
    • LOTUS WordPress Theme
  • Video Tutorials
    • Phlox ? Video Tutorials
    • Master Slider WP Pro
    • Master Slider WP Free
    • Master Slider jQuery
    • Lotus ? Video Tutorials
  • FAQ
    • General Questions
    • LOTUS WordPress Theme
    • Master Slider jQuery
    • Master Slider WordPress
    • CUTE Slider
  • Knowledge base
    • Beginners
    • Advanced Techniques
    • WordPress plugins
  • Support Forum
    • Login Or Register
    • Support Forum
    • Support Policy
Averta Support Center
  • Home
  • Documentations
    • Phlox WordPress Theme
    • Phlox Pro WordPress Theme
    • Master Slider jQuery
    • Master Slider WordPress Pro
    • Master Slider WordPress Free
    • LOTUS WordPress Theme
  • Video Tutorials
    • Phlox ? Video Tutorials
    • Master Slider WP Pro
    • Master Slider WP Free
    • Master Slider jQuery
    • Lotus ? Video Tutorials
  • FAQ
    • General Questions
    • LOTUS WordPress Theme
    • Master Slider jQuery
    • Master Slider WordPress
    • CUTE Slider
  • Knowledge base
    • Beginners
    • Advanced Techniques
    • WordPress plugins
  • Support Forum
    • Login Or Register
    • Support Forum
    • Support Policy

Looking for the answer

  • Home
  • Phlox Pro WordPress Theme
  • Shortcodes
  • Displaying your Content with an Icon by Phlox Text Shortcode

Displaying your Content with an Icon by Phlox Text Shortcode


Phlox Text Shortcode?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.

phlox-text

[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]

Recommended: To see the demos of Text, check out this link.

OPTION DEFAULT VALUE VALUES AND DESCRIPTION
title_link ” “ You can link the title to another page by typing the link between these quotations.
text_align “left” Aligns the text to:

“left”

“right”

“center”

icon “auxicon-bow-tie” To see all icons, check out this article.
image_position “top” “top”

“left”

“right”

icon_size ” “ Changes the size of the icon.

“small”

“medium”

“large”

“x-large”

icon_color “#888” Lets you choose any color you want by adding the color code. Check out this page to see all available colors.
icon_bg_color ” “ Allows you to choose a color for background of icon. Check out this page to see all available colors.

” “: inherit

icon_shape “circle” Changes the shape of the icon to:

“circle”

“semi-circle”

“round-rect”: Round Rectangle

“rect”: Rectangle

“hexa”

icon_border_color ” “ Lets you choose a color for the border around the icon. Check out this page to see all available colors.
text_color_mode “inherit” “inherit”

“dark”

“light”

title “title” Write your title here.
extra_classes ” “ Add your custom CSS class names here,?to style particular content element differently.

Was this information helpful?

Submit
Previuos Step
Related articles list
Create New Support Ticket

Maybe You're Searching For These

Introducing Phlox
Customizing Shopping Cart Dropdown Menu
Phlox Code
Phlox Accordion
Extending and Renewing Phlox Support
Phlox Divider
Phlox Button
Understanding Licenses Information
Copyright © 2017 Averta. All rights reserved.