WordPress.org

Ready to get started?Download WordPress

Forums

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

  1. affiliateTT
    Member
    Posted 1 year 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.

    http://wordpress.org/extend/plugins/contact-form-7/

  2. kodomo00
    Member
    Posted 1 year 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

About this Topic