Button Shortcode

/

Various buttons example of the newElegantBiz that can be used as direct linking or lightbox. comes with various sizes mini size, small size, large size and extra large size.

[columngroup][threecol_one]

Mini Size

[buttonibt title=”Button Example” url=”#” size=”xs” style=”default”]Button Example[/buttonibt]

[buttonibt title=”Button Example” url=”#” size=”xs” style=”primary”]Button Example[/buttonibt]

[buttonibt title=”Button Example” url=”#” size=”xs” style=”info”]Button Example[/buttonibt]

[buttonibt title=”Button Example” url=”#” size=”xs” style=”success”]Button Example[/buttonibt]

[buttonibt title=”Button Example” url=”#” size=”xs” style=”warning”]Button Example[/buttonibt]

[buttonibt title=”Button Example” url=”#” size=”xs” style=”danger”]Button Example[/buttonibt]

[/threecol_one][threecol_one]

Small Size

[buttonibt title=”Button Example” url=”#” size=”sm” style=”default”]Button Example[/buttonibt]

[buttonibt title=”Button Example” url=”#” size=”sm” style=”primary”]Button Example[/buttonibt]

[buttonibt title=”Button Example” url=”#” size=”sm” style=”info”]Button Example[/buttonibt]

[buttonibt title=”Button Example” url=”#” size=”sm” style=”success”]Button Example[/buttonibt]

[buttonibt title=”Button Example” url=”#” size=”sm” style=”warning”]Button Example[/buttonibt]

[buttonibt title=”Button Example” url=”#” size=”sm” style=”danger”]Button Example[/buttonibt]

[/threecol_one][threecol_one]

Large Size

[buttonibt title=”Button Example” url=”#” size=”md” style=”default”]Button Example[/buttonibt]

[buttonibt title=”Button Example” url=”#” size=”md” style=”primary”]Button Example[/buttonibt]

[buttonibt title=”Button Example” url=”#” size=”md” style=”info”]Button Example[/buttonibt]

[buttonibt title=”Button Example” url=”#” size=”md” style=”success”]Button Example[/buttonibt]

[buttonibt title=”Button Example” url=”#” size=”md” style=”warning”]Button Example[/buttonibt]

[buttonibt title=”Button Example” url=”#” size=”md” style=”danger”]Button Example[/buttonibt]

[/threecol_one]

[/columngroup][columngroup][threecol_one]

Extra Large

[buttonibt title=”Button Example” url=”#” size=”lg” style=”default”]Button Example[/buttonibt]

[buttonibt title=”Button Example” url=”#” size=”lg” style=”primary”]Button Example[/buttonibt]

[buttonibt title=”Button Example” url=”#” size=”lg” style=”info”]Button Example[/buttonibt]

[buttonibt title=”Button Example” url=”#” size=”lg” style=”success”]Button Example[/buttonibt]

[buttonibt title=”Button Example” url=”#” size=”lg” style=”warning”]Button Example[/buttonibt]

[buttonibt title=”Button Example” url=”#” size=”lg” style=”danger”]Button Example[/buttonibt]

[/threecol_one][threecol_two]

Other Buttons

Lightbox option, custom background color, etc…

[buttonibt title=”No Style” url=”#” style=”link”]No style, just link[/buttonibt]

[buttonibt title=”It opens a lightbox” url=”#lightbox1″ style=”primary” lightbox=”yes”]It opens a lightbox[/buttonibt]

[lightboxcontent id=”lightbox1″]The content goes here. The content goes here. The content goes here. The content goes here. The content goes here. The content goes here. [/lightboxcontent]

[buttonibt title=”Custom Color” url=”#” bgcolor=”#0c555d” fontcolor=”#eeeeee”]Custom Color[/buttonibt]

[buttonibt title=”Custom Color” url=”#” bgcolor=”#C58D3A” fontcolor=”#eeeeee”]Custom Color[/buttonibt]

[buttonibt title=”Custom Color” url=”#” bgcolor=”#7F2652″ fontcolor=”#eeeeee”]Custom Color[/buttonibt]

[buttonibt title=”Custom Color” url=”#” bgcolor=”#0c555d” fontcolor=”#eeeeee”]Custom Color[/buttonibt]

[buttonibt title=”Custom Color” url=”#” bgcolor=”#54101F” fontcolor=”#eeeeee”]Custom Color[/buttonibt]

[buttonibt title=”Custom Color” url=”#” bgcolor=”#0c555d” fontcolor=”#eeeeee” size=”large” block=”block”]Blocked Style Button[/buttonibt]

[buttonibt title=”Custom Color” url=”#” bgcolor=”#DC3E25″ fontcolor=”#eeeeee”]Custom Color[/buttonibt]

[buttonibt title=”Custom Color” url=”#” bgcolor=”#5a62d2″ fontcolor=”#eeeeee”]Custom Color[/buttonibt]

[buttonibt title=”Custom Color” url=”#” bgcolor=”#30beda” fontcolor=”#eeeeee”]Custom Color[/buttonibt]

[/threecol_two][/columngroup]

Leave a Comment