Button Border
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Buttons
[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|| »]