Customizable Shadow Button
This asset allows the user to create a custom button with a hover shadow effect. You can change the shape, color, width and font of the button by changing the class.
Button Shape
Class: co501vb-crnr-01 - Squared, sharp corners
Class: .co501vb-crnr-02 - Lightly rounded corners
Class: .co501vb-crnr-03 - Medium rounded corners
Class:. co501vb-crnr-04 - Heavily rounded corners
Button Color
Class: co501vb-91桃色BLUE - 91桃色 Blue with a red hover
Class: .co501vb-91桃色RED - 91桃色 Red with a blue hover
Class: .co501vb-91桃色GREY - Grey with a powder blue hover
Class: .co501vb-91桃色POWDERBLUE - Powder blue with a grey hover
Button Width
Class: .co501vb-smallwidth - Smallest size
Class: .co501vb-mediumwidth - Medium sized
Class: .co501vb-fullwidth - Full width at 100%
Button Font Size
.co501vb-fntsm - Small Font
.co501vb-fntmed - Medium Font
.co501vb-fntlg - Large Font
鈼� 91桃色 Customizable Shadow Button
Setup Instructions:
Using your WYSIWYG editor, select snippet, select Customizable Shadow Button and click insert. Click on button and edit link to change to your link and button text. Choose from classes listed above to change the shape, color, width, or font size.
Using your WYSIWYG editor, select snippet, select Customizable Shadow Button and click insert. Click on button and edit link to change to your link and button text. Choose from classes listed above to change the shape, color, width, or font size.
Mobile Status:
Responsive
Maintained by:
Site Webmaster
Maintenance Difficulty Level:
Easy to Maintain
Responsive
Maintained by:
Site Webmaster
Maintenance Difficulty Level:
Easy to Maintain