# Font colour FormSnap

**URL:** <https://forums.realmacsoftware.com/t/font-colour-formsnap/758>\
**Category:** RapidWeaver Classic\
**Created:** [July 25, 2015, 8:19pm UTC](https://forums.realmacsoftware.com/t/font-colour-formsnap/758 "2015-07-25T20:19:02Z")\
**Posts on this page:** 13\
**Page:** 1

<div class="post-metadata">

**Author:** ![oakland](https://avatars.discourse-cdn.com/v4/letter/o/f6c823/32.png) [@oakland](https://forums.realmacsoftware.com/u/oakland)\
**Post date:** [July 25, 2015, 8:19pm UTC](https://forums.realmacsoftware.com/t/font-colour-formsnap/758/1 "2015-07-25T20:19:02Z")

</div>

How can I change the font colour from the LABEL with FormSnap?

I mean the text which the visitor will see (for example: “Name”, “Email” etc.). Standard colour is red…

---

<div class="post-metadata">

**Author:** ![oakland](https://avatars.discourse-cdn.com/v4/letter/o/f6c823/32.png) [@oakland](https://forums.realmacsoftware.com/u/oakland)\
**Post date:** [July 25, 2015, 9:43pm UTC](https://forums.realmacsoftware.com/t/font-colour-formsnap/758/2 "2015-07-25T21:43:27Z")

</div>

and by the way, how I can change any colours from the forms in FormSnap?

---

<div class="post-metadata">

**Author:** ![kryten](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/kryten/32/5313_2.png) [@kryten](https://forums.realmacsoftware.com/u/kryten)\
**Post date:** [July 25, 2015, 10:05pm UTC](https://forums.realmacsoftware.com/t/font-colour-formsnap/758/3 "2015-07-25T22:05:37Z")

</div>

The formsnap base has a couple of options for label colours.

Other than that it’ll be the theme which governs the colours used for each form element.

If you can provide a link to your site and state the colours that you would like to use for each form element it should be possible to provide some custom CSS to achieve the styling you want.

---

<div class="post-metadata">

**Author:** ![oakland](https://avatars.discourse-cdn.com/v4/letter/o/f6c823/32.png) [@oakland](https://forums.realmacsoftware.com/u/oakland)\
**Post date:** [July 26, 2015, 12:52pm UTC](https://forums.realmacsoftware.com/t/font-colour-formsnap/758/4 "2015-07-26T12:52:42Z")

</div>

Hello kryten

Thanks a lot for your message. Right now I don’t have a link. I would like to change the colour of the text (LABEL) and the colour of the fields. Perhaps you have some css:-)

Regards

---

<div class="post-metadata">

**Author:** ![kryten](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/kryten/32/5313_2.png) [@kryten](https://forums.realmacsoftware.com/u/kryten)\
**Post date:** [July 26, 2015, 1:10pm UTC](https://forums.realmacsoftware.com/t/font-colour-formsnap/758/5 "2015-07-26T13:10:48Z")

</div>

Hi @oakland

I’d be happy to, but right now you are asking me to find your needle in a haystack…

Formsnap is a very richly textured suite of stacks with lots of different CSS classes to granularly capture settings for labels for name, email, telephone, text input, checkboxes, drop downs and much more. Not only for the labels -\> also for the actual text the user enters in those controls.

For example (assuming you have a “name” element in your formsnap structure) try this CSS:

```
label.control-label.formsnap-label.required {
  color: #5f2 !important;
}

```

Now the label probably isn’t red anymore 😉 but it also probably didn’t impact all of the labels you are after, did it?

The specific CSS that you need might only take a couple of minutes to identify and put together… but until I know exactly what it IS you want to style, I can’t really help. Speaking personally, of course… maybe someone else has them all up their sleeve - but I’m not that smart 🙂

---

<div class="post-metadata">

**Author:** ![Oscar](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/oscar/32/80_2.png) [@Oscar](https://forums.realmacsoftware.com/u/Oscar)\
**Post date:** [July 26, 2015, 2:59pm UTC](https://forums.realmacsoftware.com/t/font-colour-formsnap/758/6 "2015-07-26T14:59:11Z")

</div>

@oakland

Can you set here. Style settings. To set the color of the fields, I don’t know.

 ![](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/1X/684825e94896af22861cbbd9c6963267da4c400d.png)  
 ![](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/1X/7e1b80d8734bb243ff4b72f524362857930631c4.png)

---

<div class="post-metadata">

**Author:** ![Oscar](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/oscar/32/80_2.png) [@Oscar](https://forums.realmacsoftware.com/u/Oscar)\
**Post date:** [July 26, 2015, 3:12pm UTC](https://forums.realmacsoftware.com/t/font-colour-formsnap/758/7 "2015-07-26T15:12:05Z")

</div>

@oakland  
Here the code for the fields.

textarea#message.form-control.formsnap-textarea.required{  
background-color: green;  
}  
input#subject.formsnap-input.form-control{  
background-color: green;  
}

input#email.formsnap-input.form-control{  
background-color: green;  
}

input#name.formsnap-input.form-control{  
background-color: green;  
}

 ![](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/1X/32e80b79ed43d3fe14782d63fd8ddcf30593605c.png)

---

<div class="post-metadata">

**Author:** ![oakland](https://avatars.discourse-cdn.com/v4/letter/o/f6c823/32.png) [@oakland](https://forums.realmacsoftware.com/u/oakland)\
**Post date:** [July 26, 2015, 3:52pm UTC](https://forums.realmacsoftware.com/t/font-colour-formsnap/758/8 "2015-07-26T15:52:10Z")

</div>

> [@Oscar](#):
>
> textarea#message.form-control.formsnap-textarea.required{background-color: green;}input#subject.formsnap-input.form-control{background-color: green;}
> 
> input#email.formsnap-input.form-control{background-color: green;}
> 
> input#name.formsnap-input.form-control{background-color: green;}

Hi oscar

Thanks. I tried this, but it only works with one field, see picture:-(

 ![](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/1X/6b1e7ff0c8a3d0e7075d382b73186c52e903195f.png)

---

<div class="post-metadata">

**Author:** ![oakland](https://avatars.discourse-cdn.com/v4/letter/o/f6c823/32.png) [@oakland](https://forums.realmacsoftware.com/u/oakland)\
**Post date:** [July 26, 2015, 4:26pm UTC](https://forums.realmacsoftware.com/t/font-colour-formsnap/758/9 "2015-07-26T16:26:36Z")

</div>

Hi Oscar

Just another point: I have 2 checkboxes and they have such a huge distance between them, see picture. Do you know how I can bring them closer together? ![](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/1X/05f7d4089685c3ea3009935de7c8022dfc00b71b.png)

---

<div class="post-metadata">

**Author:** ![Oscar](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/oscar/32/80_2.png) [@Oscar](https://forums.realmacsoftware.com/u/Oscar)\
**Post date:** [July 26, 2015, 5:48pm UTC](https://forums.realmacsoftware.com/t/font-colour-formsnap/758/10 "2015-07-26T17:48:59Z")

</div>

@oakland

That code only works with the email field, because the code is addressed.  
My code works with my fields, **name, email, subject**. You must customize your code.  
For me it’s impossible to do this.  
I need a URL to see this.

input#-xyzxyz-.formsnap-input.form-control{  
background-color: green;  
}

![](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/1X/86f3600374f67be736ca9104dcdbd7711ef06b4c.png)

About the checkboxes, I can not say anything.

---

<div class="post-metadata">

**Author:** ![Oscar](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/oscar/32/80_2.png) [@Oscar](https://forums.realmacsoftware.com/u/Oscar)\
**Post date:** [July 26, 2015, 6:20pm UTC](https://forums.realmacsoftware.com/t/font-colour-formsnap/758/11 "2015-07-26T18:20:57Z")

</div>

@oakland

You can see the label/name for the code here. Try this.

 ![](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/1X/019521c29b805a4726e46518c1b94bcb0b38c62d.png)

---

<div class="post-metadata">

**Author:** ![Oscar](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/oscar/32/80_2.png) [@Oscar](https://forums.realmacsoftware.com/u/Oscar)\
**Post date:** [July 26, 2015, 6:50pm UTC](https://forums.realmacsoftware.com/t/font-colour-formsnap/758/12 "2015-07-26T18:50:50Z")

</div>

My checkboxes are right, I think. List horizontal makes a little better.

![](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/1X/f25a020a69f4cbdaa8c41691f2ff684c3bfd6ad9.png)  
 ![](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/1X/ad4d639b34e73792cd82fd51c1225eec0bb628e0.png)  
 ![](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/1X/fea55fca152253126289749879cb65d9ecba93fe.png)

---

<div class="post-metadata">

**Author:** ![oakland](https://avatars.discourse-cdn.com/v4/letter/o/f6c823/32.png) [@oakland](https://forums.realmacsoftware.com/u/oakland)\
**Post date:** [July 26, 2015, 9:56pm UTC](https://forums.realmacsoftware.com/t/font-colour-formsnap/758/13 "2015-07-26T21:56:28Z")

</div>

> [@Oscar](#):
>
> My checkboxes are right, I think.

Hello Oscar

Great help!!! Thank you very much 😄