How to Use CSS on forms

[kindergartenworks]

Does anyone have a suggestion on how to modify the “register” button for example? I like using this plugin, but currently think it’s hard for my readers to see the benefits with the current styling. There aren’t any borders or coloring to the register or login buttons… so it looks like plain text which isn’t user friendly. I’m new to CSS, so I’d appreciate any help or code. I understand how to label in the plugin’s settings, but not how to then style a border, background color, etc in my css file.

Thanks for you consideration!

[Support]

Hello,

Go to User Meta >> Forms Editor and put a class name for “Submit Button Class”

Suppose your class name is rounded-button then write your class definition to your themes style.css

Here is a quick example of a rounded button:


.rounded-button {
-webkit-box-shadow:rgba(0,0,0,0.0.1) 0 1px 0 0;
-moz-box-shadow:rgba(0,0,0,0.0.1) 0 1px 0 0;
box-shadow:rgba(0,0,0,0.0.1) 0 1px 0 0;
background-color:#5B74A8;
border:1px solid #29447E;
font-size:12px;
font-weight:700;
padding:2px 6px;
height:28px;
color:#fff;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px
}


Thanks.

[kindergartenworks]

Thank you, that is very helpful as I would have no idea how to do this on my own. Thanks again – it looks very good on my forms.

[Author]

Posts