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 Reply

Your email address will not be published. Required fields are marked *