[plugin: contact form 7] Changing form box background colors (5 posts)

  1. montytx
    Posted 6 years ago #

    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.

  2. montytx
    Posted 6 years ago #

    No ideas on this?

  3. bobegods
    Posted 6 years ago #

    This has already been answered here:


  4. montytx
    Posted 6 years ago #

    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.

  5. Zambrano Sergio
    Posted 6 years ago #

    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.

Topic Closed

This topic has been closed to new replies.

About this Topic