Stylized Hyperlink Button CSS
Permalink Browser Info Environment
Hi Seb,
I want to add a more stylized rounded corner hyperlink button to my website.
Can I add the following code to the CSS WITHOUT screwing up the rest of the theme and WHICH CSS FILE do I add it to please? And does matter where I place it in the CSS file?
I appreciate your help, thank you.
I want to add a more stylized rounded corner hyperlink button to my website.
Can I add the following code to the CSS WITHOUT screwing up the rest of the theme and WHICH CSS FILE do I add it to please? And does matter where I place it in the CSS file?
<style type="text/css"> .classname { -moz-box-shadow:inset 0px 1px 0px 0px #97c4fe; -webkit-box-shadow:inset 0px 1px 0px 0px #97c4fe; box-shadow:inset 0px 1px 0px 0px #97c4fe; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #3d94f6), color-stop(1, #1e62d0) ); background:-moz-linear-gradient( center top, #3d94f6 5%, #1e62d0 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d94f6', endColorstr='#1e62d0'); background-color:#3d94f6; -webkit-border-top-left-radius:20px; -moz-border-radius-topleft:20px; border-top-left-radius:20px; -webkit-border-top-right-radius:20px; -moz-border-radius-topright:20px; border-top-right-radius:20px;
Viewing 15 lines of 44 lines. View entire code block.
I appreciate your help, thank you.
Type: | Discussion |
---|---|
Status: | New |