# Rapidweaver Form CSS Customization

**URL:** <https://forums.realmacsoftware.com/t/rapidweaver-form-css-customization/13437>\
**Category:** RapidWeaver Classic\
**Created:** [April 2, 2017, 10:42pm UTC](https://forums.realmacsoftware.com/t/rapidweaver-form-css-customization/13437 "2017-04-02T22:42:45Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![joshandrewbrown](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/joshandrewbrown/32/802_2.png) [@joshandrewbrown](https://forums.realmacsoftware.com/u/joshandrewbrown)\
**Post date:** [April 2, 2017, 10:42pm UTC](https://forums.realmacsoftware.com/t/rapidweaver-form-css-customization/13437/1 "2017-04-02T22:42:45Z")

</div>

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](http://www.mastersarrow.com/contact/index.php)

---

<div class="post-metadata">

**Author:** ![zeebe](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/zeebe/32/22007_2.png) [@zeebe](https://forums.realmacsoftware.com/u/zeebe)\
**Post date:** [April 2, 2017, 11:03pm UTC](https://forums.realmacsoftware.com/t/rapidweaver-form-css-customization/13437/2 "2017-04-02T23:03:57Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![joshandrewbrown](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/joshandrewbrown/32/802_2.png) [@joshandrewbrown](https://forums.realmacsoftware.com/u/joshandrewbrown)\
**Post date:** [April 3, 2017, 12:24am UTC](https://forums.realmacsoftware.com/t/rapidweaver-form-css-customization/13437/3 "2017-04-03T00:24:06Z")

</div>

[http://www.mastersarrow.com/contact/index.php](http://www.mastersarrow.com/contact/index.php)

---

<div class="post-metadata">

**Author:** ![zeebe](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/zeebe/32/22007_2.png) [@zeebe](https://forums.realmacsoftware.com/u/zeebe)\
**Post date:** [April 3, 2017, 12:46am UTC](https://forums.realmacsoftware.com/t/rapidweaver-form-css-customization/13437/4 "2017-04-03T00:46:31Z")

</div>

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.

---

<div class="post-metadata">

**Author:** ![thang](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/thang/32/303_2.png) [@thang](https://forums.realmacsoftware.com/u/thang)\
**Post date:** [April 3, 2017, 12:46am UTC](https://forums.realmacsoftware.com/t/rapidweaver-form-css-customization/13437/5 "2017-04-03T00:46:43Z")

</div>

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. 🙂

---

<div class="post-metadata">

**Author:** ![joshandrewbrown](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/joshandrewbrown/32/802_2.png) [@joshandrewbrown](https://forums.realmacsoftware.com/u/joshandrewbrown)\
**Post date:** [April 3, 2017, 2:29pm UTC](https://forums.realmacsoftware.com/t/rapidweaver-form-css-customization/13437/6 "2017-04-03T14:29:13Z")

</div>

Thanks a bunch man, I really appreciate it!