Contact Form 7
Input Fields Transparent but not Submit Button (2 posts)

  1. affiliateTT
    Posted 3 years ago #

    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.


  2. kodomo00
    Posted 3 years ago #

    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]

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • Contact Form 7
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic