Support » Plugins » [plugin: contact form 7] Changing form box background colors

  • montytx


    I have looked through CSS and the forum to find a way to change Contact Form’s box background colors. I would like to ideally have a gradient image in the background of each of the form text boxes.

Viewing 4 replies - 1 through 4 (of 4 total)
  • montytx


    No ideas on this?

    This has already been answered here:

    That answer is to change the background color of the entire form. Not the text boxes. I dont think there is a way to do it.

    Let’s say you want to change your text area background in your comment form, it should be:

    #commentform textarea {
    	background-color: transparent;
    	background-image: url(your_img_folder/your_gradient.gif);
    	background-repeat: no-repeat;
    	background-position: left top;

    You can also remove the border adding border:none; and creating a new rule for the input elements instead of textarea to define a thinner gradient or just add it to the above rule to use the same background image.

    Just remember to reset the background-image:none; to your submit button if using an input tag for it, or i’ll take the same background. I’d rather do it this way since targetting the textfields only will fail in some browsers.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘[plugin: contact form 7] Changing form box background colors’ is closed to new replies.