Custom CSS and Altering Contact Form

• 

  savetherose · Member · Feb 24, 2009 at 4:52 am

  • Copy link
  • Add topic to favorites

  Hello,
  We are attempting to edit the css so that we can change the look/layout of the Custom-Form tag.

  Could anyone help us out with this?

  Thanks

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

• 

  raincoaster · Member · Feb 24, 2009 at 5:36 am

  • Copy link

  We need a link to your blog, starting with http, in order to ensure our answers will apply to you.

• 

  savetherose · Member · Feb 26, 2009 at 3:52 am

  • Copy link

  Oh, sorry about that!

  http://roseartaction.wordpress.com/

  Thanks a great deal.

• 

  devblog · Member · Feb 26, 2009 at 4:52 am

  • Copy link

  Try this:

  #name-9, #email-9, #url-9{
  border: solid 1px #fc0;
  background: #f0f0f0;
  }
  
  #contact-form-comment-9{
  border: solid 1px #fc0;
  background: #f0f0f0;
  font: normal 90% Arial, Verdana, Helvetica;
  width: 500px;
  height: 200px;
  }
  
  #contact-form-9 .pushbutton-wide{
  border: solid 1px #fc0;
  background: #ccc;
  padding: 2px;
  }

  Those are suggested values and properties. Modify them as you see fit.

  Also, since you’re adding/modifying an existing CSS code, it is recommended that the code I’m giving you (along with the code of elements whose style you’re adding or modifying) be the only one in the CSS editor. Also, make sure that the “Add to exisiting CSS” radio button is checked.

  HTH