Support » Plugins and Hacks » Contact Form 7 » Input Fields Transparent but not Submit Button

  • I’ve tried to make my input fields box semi-transparent but somehow the submit button become semi-transparent also. Pls see it here.

    I was using the below CSS code:

    .wpcf7-form input, .wpcf7-form textarea   {
     filter: alpha(opacity=50):
     moz-opacity: .50;
        opacity: .50;

    Is there any way to make the submit button not transparent?

    Pls advise. Thank you.

Viewing 1 replies (of 1 total)
  • Submit button is an input as well so your first selector includes it.

    You can either replace ‘.wpcf7-form input’ with ‘.wpcf7-form input.wpcf7-text’ or (and I would personally prefer this option) create a class .transparent50 {opacity: .50;} and apply it to each element individually in form settings like so: [text text-688 class:transparent50]

Viewing 1 replies (of 1 total)
  • The topic ‘Input Fields Transparent but not Submit Button’ is closed to new replies.