Button Border
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
[proton_page_heading title=”Buttons.”]Lorem ipsum dolor sit amet, consectetur adipisicing.
Iste ratione molestias magni risus.[/proton_page_heading]
Iste ratione molestias magni risus.[/proton_page_heading]
[proton_button link=”url:%23|title:Normal||”]
[proton_button shape=”2″ color=”2″ link=”url:%23|title:Rounded||”]
[proton_button shape=”3″ color=”5″ link=”url:%23|title:Round||”]
Button Size
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
[proton_button size=”4″ link=”url:%23|title:Extra%20Large||”]
[proton_button size=”3″ color=”2″ link=”url:%23|title:Large||”]
[proton_button color=”5″ link=”url:%23|title:Normal||”]
[proton_button size=”1″ color=”4″ link=”url:%23|title:Small||”]
Custom Link Button
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
[proton_button link=”url:http%3A%2F%2Fproton-classic.dev%2Fabout-me%2F|title:Custom%20Link||”]
[proton_button color=”2″ link=”url:http%3A%2F%2Fproton-classic.dev%2Fservices-v2%2F|title:Custom%20Link||”]
[proton_button color=”5″ link=”url:http%3A%2F%2Fproton-classic.dev%2Fmetro%2F|title:Custom%20Link||”]
[proton_button color=”4″ link=”url:http%3A%2F%2Fproton-classic.dev%2Fservices-v1%2F|title:Custom%20Link||”]
Custom Button Color
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
[proton_button color=”7″ link=”url:http%3A%2F%2Fproton-classic.dev%2Fabout-me%2F|title:Custom%20Link||” text_color=”#ffffff” background_color=”#f22613″]
[proton_button color=”7″ link=”url:%23|title:Other%20Colors||” text_color=”#ffffff” background_color=”#3656a4″]
[proton_button color=”7″ link=”url:%23|title:Other%20Colors||” text_color=”#ffffff” background_color=”#37ba6c”]
[proton_button color=”7″ link=”url:%23|title:Other%20Colors||” text_color=”#ffffff” background_color=”#6d00db”]
Full Width Button
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
[proton_button fluid=”1″ link=”url:http%3A%2F%2Fproton-classic.dev%2Fabout-me%2F|title:Custom%20Link||”]
[proton_button fluid=”1″ color=”2″ link=”url:%23|title:Other%20Colors||”]
[proton_button fluid=”1″ color=”5″ link=”url:%23|title:Other%20Colors||”]
[proton_button fluid=”1″ color=”4″ link=”url:%23|title:Other%20Colors||”]