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-USABLUE - 麻豆相关报道Blue with a red hover
Class: .co501vb-USARED - 麻豆相关报道Red with a blue hover
Class: .co501vb-USAGREY - Grey with a powder blue hover
Class: .co501vb-USAPOWDERBLUE - 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
鈼� About 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