Buttons

Search
Close this search box.

Buttons

[power_title color=”#222″ ]Tale of a Button[/power_title]

Using Limitless shortcode Engine Archon you get create almost any type of button within within seconds.

You can set roundness of a button …

[button size=”small” color=”#ffffff” background=”#0bd60b” radius=”0px” type=”gradient” link=”https://” newwindow=”false” icon=”” ]Button[/button] … [button size=”small” color=”#ffffff” background=”#0bd60b” radius=”5px” type=”gradient” link=”https://” newwindow=”false” icon=”” ]Button[/button] … [button size=”small” color=”#ffffff” background=”#0bd60b” radius=”10px” type=”gradient” link=”https://” newwindow=”false” icon=”” ]Button[/button] … [button size=”small” color=”#ffffff” background=”#0bd60b” radius=”20px” type=”gradient” link=”https://” newwindow=”false” icon=”” ]Button[/button]

you can set the size of a button

[button size=”small” color=”#045f67″ background=”#19d3e4″ radius=”2px” type=”gradient” link=”https://” newwindow=”false” icon=”” ]Button[/button] … [button size=”medium” color=”#045f67″ background=”#19d3e4″ radius=”2px” type=”gradient” link=”https://” newwindow=”false” icon=”” ]Button[/button] … [button size=”large” color=”#045f67″ background=”#19d3e4″ radius=”2px” type=”gradient” link=”https://” newwindow=”false” icon=”” ]Button[/button]

Button can open link in a new window like this one [button size=”small” color=”#045f67″ background=”#19d3e4″ radius=”2px” type=”gradient” link=”https://artillegence.com” newwindow=”true” icon=”” ]Click Me[/button]

You can add icons to the button. Like below

[button size=”medium” color=”#ffffff” background=”#13d1ed” radius=”0px” type=”flat” link=”https://” newwindow=”false” icon=”icon-check” ]Iconic[/button] [button size=”medium” color=”#ffffff” background=”#ed9813″ radius=”0px” type=”flat” link=”https://” newwindow=”false” icon=”icon-food” ] Order Now [/button] [button size=”medium” color=”#ffffff” background=”#ed1341″ radius=”0px” type=”flat” link=”https://” newwindow=”false” icon=”icon-heart” ]Like Me[/button] [button size=”medium” color=”#ffffff” background=”#71e203″ radius=”0px” type=”flat” link=”https://” newwindow=”false” icon=”icon-reply” ]Reply[/button]

 

[power_title color=”#222″ ]Flat Style Buttons[/power_title]

[button size=”small” color=”#ffffff” background=”#de1141″ radius=”2px” type=”flat” link=”https://” newwindow=”false” icon=”” ]Button[/button][button size=”small” color=”#ffffff” background=”#e20c57″ radius=”2px” type=”flat” link=”https://” newwindow=”false” icon=”” ]Button[/button][button size=”small” color=”#ffffff” background=”#da1c90″ radius=”2px” type=”flat” link=”https://” newwindow=”false” icon=”” ]Button[/button][button size=”small” color=”#ffffff” background=”#4dc8c9″ radius=”2px” type=”flat” link=”https://” newwindow=”false” icon=”” ]Button[/button][button size=”small” color=”#ffffff” background=”#4dc9b0″ radius=”2px” type=”flat” link=”https://” newwindow=”false” icon=”” ]Button[/button] [button size=”small” color=”#ffffff” background=”#5c73d4″ radius=”2px” type=”flat” link=”https://” newwindow=”false” icon=”” ]Button[/button][button size=”small” color=”#ffffff” background=”#3f8600″ radius=”2px” type=”flat” link=”https://” newwindow=”false” icon=”” ]Button[/button][button size=”small” color=”#867b00″ background=”#edda07″ radius=”2px” type=”flat” link=”https://” newwindow=”false” icon=”” ]Button[/button][button size=”small” color=”#ffffff” background=”#ed5307″ radius=”2px” type=”flat” link=”https://” newwindow=”false” icon=”” ]Button[/button][button size=”small” color=”#ffffff” background=”#eda407″ radius=”2px” type=”flat” link=”https://” newwindow=”false” icon=”” ]Button[/button]

[power_title color=”#222″ ]Gloss Style Buttons[/power_title]

[button size=”small” color=”#ffffff” background=”#de1141″ radius=”2px” type=”gloss” link=”https://” newwindow=”false” icon=”” ]Button[/button][button size=”small” color=”#ffffff” background=”#e20c57″ radius=”2px” type=”gloss” link=”https://” newwindow=”false” icon=”” ]Button[/button][button size=”small” color=”#ffffff” background=”#da1c90″ radius=”2px” type=”gloss” link=”https://” newwindow=”false” icon=”” ]Button[/button][button size=”small” color=”#ffffff” background=”#4dc8c9″ radius=”2px” type=”gloss” link=”https://” newwindow=”false” icon=”” ]Button[/button][button size=”small” color=”#ffffff” background=”#4dc9b0″ radius=”2px” type=”gloss” link=”https://” newwindow=”false” icon=”” ]Button[/button] [button size=”small” color=”#ffffff” background=”#5c73d4″ radius=”2px” type=”gloss” link=”https://” newwindow=”false” icon=”” ]Button[/button][button size=”small” color=”#ffffff” background=”#3f8600″ radius=”2px” type=”gloss” link=”https://” newwindow=”false” icon=”” ]Button[/button][button size=”small” color=”#867b00″ background=”#edda07″ radius=”2px” type=”gloss” link=”https://” newwindow=”false” icon=”” ]Button[/button][button size=”small” color=”#ffffff” background=”#ed5307″ radius=”2px” type=”gloss” link=”https://” newwindow=”false” icon=”” ]Button[/button][button size=”small” color=”#ffffff” background=”#eda407″ radius=”2px” type=”gloss” link=”https://” newwindow=”false” icon=”” ]Button[/button]

 

[power_title color=”#222″ ]Gradient Style Buttons[/power_title]

[button size=”small” color=”#ffffff” background=”#de1141″ radius=”2px” type=”gradient” link=”https://” newwindow=”false” icon=”” ]Button[/button][button size=”small” color=”#ffffff” background=”#e20c57″ radius=”2px” type=”gradient” link=”https://” newwindow=”false” icon=”” ]Button[/button][button size=”small” color=”#ffffff” background=”#da1c90″ radius=”2px” type=”gradient” link=”https://” newwindow=”false” icon=”” ]Button[/button][button size=”small” color=”#ffffff” background=”#4dc8c9″ radius=”2px” type=”gradient” link=”https://” newwindow=”false” icon=”” ]Button[/button][button size=”small” color=”#ffffff” background=”#4dc9b0″ radius=”2px” type=”gradient” link=”https://” newwindow=”false” icon=”” ]Button[/button] [button size=”small” color=”#ffffff” background=”#5c73d4″ radius=”2px” type=”gradient” link=”https://” newwindow=”false” icon=”” ]Button[/button][button size=”small” color=”#ffffff” background=”#3f8600″ radius=”2px” type=”gradient” link=”https://” newwindow=”false” icon=”” ]Button[/button][button size=”small” color=”#867b00″ background=”#edda07″ radius=”2px” type=”gradient” link=”https://” newwindow=”false” icon=”” ]Button[/button][button size=”small” color=”#ffffff” background=”#ed5307″ radius=”2px” type=”gradient” link=”https://” newwindow=”false” icon=”” ]Button[/button][button size=”small” color=”#ffffff” background=”#eda407″ radius=”2px” type=”gradient” link=”https://” newwindow=”false” icon=”” ]Button[/button]

[power_title color=”#222″ ]Wait there’s More[/power_title]

[button size=”small” color=”#ffffff” background=”#de1141″ radius=”2px” type=”classic” link=”https://” newwindow=”false” icon=”” ]Button[/button][button size=”small” color=”#ffffff” background=”#e20c57″ radius=”2px” type=”classic” link=”https://” newwindow=”false” icon=”” ]Button[/button][button size=”small” color=”#ffffff” background=”#da1c90″ radius=”2px” type=”classic” link=”https://” newwindow=”false” icon=”” ]Button[/button][button size=”small” color=”#ffffff” background=”#4dc8c9″ radius=”2px” type=”classic” link=”https://” newwindow=”false” icon=”” ]Button[/button][button size=”small” color=”#ffffff” background=”#4dc9b0″ radius=”2px” type=”classic” link=”https://” newwindow=”false” icon=”” ]Button[/button] [button size=”small” color=”#ffffff” background=”#5c73d4″ radius=”2px” type=”classic” link=”https://” newwindow=”false” icon=”” ]Button[/button][button size=”small” color=”#ffffff” background=”#3f8600″ radius=”2px” type=”classic” link=”https://” newwindow=”false” icon=”” ]Button[/button][button size=”small” color=”#867b00″ background=”#edda07″ radius=”2px” type=”classic” link=”https://” newwindow=”false” icon=”” ]Button[/button][button size=”small” color=”#ffffff” background=”#ed5307″ radius=”2px” type=”classic” link=”https://” newwindow=”false” icon=”” ]Button[/button][button size=”small” color=”#ffffff” background=”#eda407″ radius=”2px” type=”classic” link=”https://” newwindow=”false” icon=”” ]Button[/button]