[plugin: contact form 7] Changing form box background colors

  • montytx

    (@montytx)


    14 years, 8 months 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.

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

    (@montytx)

    14 years, 8 months ago

    No ideas on this?

    bobegods

    (@bobegods)

    14 years, 8 months ago

    This has already been answered here:

    http://wordpress.org/support/topic/298370

    Thread Starter montytx

    (@montytx)

    14 years, 7 months 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.

    Zambrano Sergio

    (@sergiozambrano)

    14 years, 7 months 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.

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.

Tags