Rapidweaver Form CSS Customization


(Josh Brown) #1

I am very new to CSS and needing some help customizing the built in contact form. Changing font size and button color etc?
http://www.mastersarrow.com/contact/index.php


(Robert Ziebol πŸ––πŸΌ) #2

A link is always a good thing when asking for CSS help.


(Josh Brown) #3

http://www.mastersarrow.com/contact/index.php


(Robert Ziebol πŸ––πŸΌ) #4

What font size do you want different?

Here is the button

.form-input-button {background-color:red !important}
.form-input-button {color: white !important}

Just change the colors to what you want.


(David) #5

For font size:

.form>div>label {
font: bold 15px arial !important;
}

You can change the weight with normal, bold, bolder. etc Replace arial with the font of your choice.

The default was:
bolder 10px arial

For the button:
.form > div input.form-input-button[type=β€œsubmit”], form > div input.form-input-button[type=β€œreset”] {
background-color: #FFFFFF !important;
color: #bf0000 !important;
font-weight: normal;
box-shadow: none;
}

Old @zeebe beat me to it. :slight_smile:


(Josh Brown) #6

Thanks a bunch man, I really appreciate it!