changing contact form labels

• 

  ansemahk · Member · Feb 16, 2014 at 7:26 am

  • Copy link
  • Add topic to favorites

  Hi, I would like to change the look of my contact form labels. I can find the label names, which are under:

  .contact-form label
  .contact-form label span

  I can change them when inspecting them in my browser. However when I want to change the CSS nothing happens. I am not a coder, so I guess I just don’t do it right. I did it as shown below:

  .contact-form label {
  font-weight: 300;
  }

  .contac-form label span {
  font-weight: 300;
  font-size: 12px;
  color: #232328;
  }

  How to make this work?

  The blog I need help with is: (visible only to logged in users)

• 

  jeremeylduvall · Member · Feb 18, 2014 at 10:25 pm

  • Copy link

  Howdy!

  It looks like you’re trying to change the font size in your contact form. If so, you should be able to use the following CSS:

  .contact-form input[type=’text’] {
  font-size: 30px;
  }

  .contact-form input[type=’email’] {
  font-size: 30px;
  }

  textarea {
  font-size: 30px;
  }

  You can adjust the font-size attribute however you would like as well as add color customizations.

  Let me know if you need anything else!

• 

  ansemahk · Member · Feb 20, 2014 at 6:39 am

  • Copy link

  Hey Jeremy

  Thanks for the help, but what i am trying to change, is the form titles, not the text that is inputed. Can you show me how to do that? I was able to change from bold to normal, but somehow I cannot change the font.

• 

  jeremeylduvall · Member · Feb 20, 2014 at 3:22 pm

  • Copy link

  Hey Andrea,

  This should do the trick:

  label.grunion-field-label.email {
  font-size: 30px;
  }

  label.grunion-field-label.name {
  font-size: 30px;
  }

  label.grunion-field-label.textarea {
  font-size: 30px;
  }

  Again, 30px is modifiable to achieve the size you’re looking for.

  Let me know if that works the way you wanted it to!