• 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

Adding a Button between the Content


Use Button shortcode to create various kinds of buttons. You can add the button shortcode, select your desire style, then fill in its attributes. Available options will be explained below.

Normal

[aux_button label="Button" size="medium" icon_align="left" color_name="dark-gray" border="" style="" icon="fa fa-beer" link="" target="_blank"]

3D

[aux_button label="Button" size="medium" icon_align="left" color_name="dark-gray" border="" style="3d" icon="fa fa-beer" link="" target="_blank"]

Outline

[aux_button label="Button" size="medium" icon_align="left" color_name="dark-gray" border="" style="outline" icon="fa fa-beer" link="" target="_blank"]

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

OPTION DEFAULT VALUE VALUES AND DESCRIPTION Demo
label “Button” The written name appears on the button.
color_name “dark-gray” To see all available colors on Phlox button, check out this page. color3?color4?color5?color6?color7?color8
size “medium” Specifies the button size.

“exlarge”

“large”

“medium”

“small”

“tiny”

exlarge

large

medium

small

tiny

border ” “ Changes the border of the button.

” “: Box

“round”

“curve”

box

round

icon_align “left” Aligns the icon of the button.

“left”

“right”

“over”

“left-animate”: Animate from left

“right-animate”: Animate from right

left-icon

right-icon

animate-over

animate-left

animate-right

style ” “ Changes the button style.

” “: Normal

“3d”

“outline”

?normal

3d

outline

icon “fa fa-beer” Lets you choose any icon you want. Check out the list of icons here.
link “title” Links the button to another web page.
target “_blank” “_blank”:?Open link in a new page

“_self”: Open link in current page

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

Was this information helpful?

Submit
Wizard Home
Related articles list
Create New Support Ticket
Copyright © 2017 Averta. All rights reserved.