Title: background fields Transparent
Last modified: August 22, 2016

---

# background fields Transparent

 *  [donniam](https://wordpress.org/support/users/donniam/)
 * (@donniam)
 * [11 years, 5 months ago](https://wordpress.org/support/topic/background-fields-transparent/)
 * I have been trying html codes found online, but no luck changing the background
   of the field transparent. I want to place the form on a large header banner, 
   but not be obtrusive. I am using a child theme. I tried changing fieldset area
   to transparent in internal style sheet but no luck. Also wanted to remove the“
   indicates required field”
    [http://blackvelvetviphostlasvegas.com/checkout/](http://blackvelvetviphostlasvegas.com/checkout/)
   Thank you
 * [https://wordpress.org/plugins/si-contact-form/](https://wordpress.org/plugins/si-contact-form/)

Viewing 13 replies - 1 through 13 (of 13 total)

 *  [mbrsolution](https://wordpress.org/support/users/mbrsolution/)
 * (@mbrsolution)
 * [11 years, 5 months ago](https://wordpress.org/support/topic/background-fields-transparent/#post-5597055)
 * Hi donniam if you are trying to remove the transparency and add some color to
   the form layout. Try the following code.
 *     ```
       element.style {
           background: none repeat scroll 0 0 black;
           max-width: 555px;
           width: 99%;
       }
       ```
   
 * Of course choose what ever color you want and change the code to the following
   format, example.. #000000
 * The ID is id=”FSContact1″. This is the ID you need to assign the above code for
   it to work.
 * Let me know if that is what you need.
 * Regards
 *  Thread Starter [donniam](https://wordpress.org/support/users/donniam/)
 * (@donniam)
 * [11 years, 5 months ago](https://wordpress.org/support/topic/background-fields-transparent/#post-5597059)
 * Ok maybe I didn’t phrase that properly, I want the entire form clear, see through
   other than text and borders. Maybe slight transparency for the submit. I do not
   want all the white showing in the text field areas, so it doesn’t stand out like
   a sore thumb. Want to see the image behind everything.
    Thank you for the quick
   response.
 *  [mbrsolution](https://wordpress.org/support/users/mbrsolution/)
 * (@mbrsolution)
 * [11 years, 5 months ago](https://wordpress.org/support/topic/background-fields-transparent/#post-5597067)
 * Hi sorry for misunderstanding you 🙂
 * You have to work with two areas to achieve what you want. But you will not get
   100% transparency because of the color of your background.
 * You have to work with div style and add the following code..
 *     ```
       element.style {
           opacity: 0.5;
           text-align: left;
       }
       ```
   
 * I added **opacity: 0.5;**…..you can play around with these settings until you
   get what you want.
 * Then you have to go to the input field and add a **color: blue;** or something
   that will stand out. Play around with these settings until you get what you want.
 *  Thread Starter [donniam](https://wordpress.org/support/users/donniam/)
 * (@donniam)
 * [11 years, 5 months ago](https://wordpress.org/support/topic/background-fields-transparent/#post-5597068)
 * Thank you sir, I will try that!
 *  [mbrsolution](https://wordpress.org/support/users/mbrsolution/)
 * (@mbrsolution)
 * [11 years, 5 months ago](https://wordpress.org/support/topic/background-fields-transparent/#post-5597223)
 * Hi how did you go with my suggestion above?
 *  Thread Starter [donniam](https://wordpress.org/support/users/donniam/)
 * (@donniam)
 * [11 years, 5 months ago](https://wordpress.org/support/topic/background-fields-transparent/#post-5597240)
 * Not really sure where to input exactly, tried a few different areas. Tried color
   here Form Fieldset Box: Not sure where to place div. There are lots of div and
   tried Clear DIV: But just guessing at all of them.
    Thanks for checking back.
   The developer of the theme just made several options for built in contact to 
   set transparent, but i would like to get this one also because it is much smaller.
 *  [mbrsolution](https://wordpress.org/support/users/mbrsolution/)
 * (@mbrsolution)
 * [11 years, 5 months ago](https://wordpress.org/support/topic/background-fields-transparent/#post-5597241)
 * Hi thank you for reporting back. I had a look at your URL above and could not
   see the form in the same area as before. I notice as you mentioned above that
   you are using the built in form from your theme. For me to help you again you
   have put the form back in the same spot as before. What you could do is create
   a hidden page or post with the same background and add a test contact form.
 * Regards
 *  Thread Starter [donniam](https://wordpress.org/support/users/donniam/)
 * (@donniam)
 * [11 years, 5 months ago](https://wordpress.org/support/topic/background-fields-transparent/#post-5597242)
 * Ok thanks i set a private page.
    [http://blackvelvetviphostlasvegas.com/privatecontact/](http://blackvelvetviphostlasvegas.com/privatecontact/)
 *  [mbrsolution](https://wordpress.org/support/users/mbrsolution/)
 * (@mbrsolution)
 * [11 years, 5 months ago](https://wordpress.org/support/topic/background-fields-transparent/#post-5597243)
 * Hi, I check the link above and it displays nothing. It says page not found.
 *  Thread Starter [donniam](https://wordpress.org/support/users/donniam/)
 * (@donniam)
 * [11 years, 5 months ago](https://wordpress.org/support/topic/background-fields-transparent/#post-5597244)
 * sorry, it will work now. [http://blackvelvetviphostlasvegas.com/privatecontact/](http://blackvelvetviphostlasvegas.com/privatecontact/)
 *  [mbrsolution](https://wordpress.org/support/users/mbrsolution/)
 * (@mbrsolution)
 * [11 years, 5 months ago](https://wordpress.org/support/topic/background-fields-transparent/#post-5597245)
 * Hi try the following…
 *     ```
       #fscf_name1 {
           margin: 0;
           max-width: 250px;
           opacity: 0.5;
           text-align: left;
           width: 99%;
           color: #000000;
       }
       ```
   
 * I added the following to the code above. Play around until you get what you want.
 * > opacity: 0.5;
   >  color: #000000;
 * The same has to be applied to each field independently. For example
    fscf_email1,
   fscf_field1_4, fscf_field1_2, fscf_field1_3 and fscf_field1_3.
 * Regards
 *  Thread Starter [donniam](https://wordpress.org/support/users/donniam/)
 * (@donniam)
 * [11 years, 5 months ago](https://wordpress.org/support/topic/background-fields-transparent/#post-5597246)
 * Thanks, I placed in all, but it pretty much disappeared. I only have it in first
   and fourth field. I want to have a black border around each label along with 
   black border around send button and black text for send and input. Also black
   label text. I have no clue where to do it.
    Thanks much for all your help!
 *  [mbrsolution](https://wordpress.org/support/users/mbrsolution/)
 * (@mbrsolution)
 * [11 years, 5 months ago](https://wordpress.org/support/topic/background-fields-transparent/#post-5597249)
 * Hi, please read the following [URL ](http://www.fastsecurecontactform.com/fieldset)
   for borders.
 * Thank you

Viewing 13 replies - 1 through 13 (of 13 total)

The topic ‘background fields Transparent’ is closed to new replies.

 * ![](https://s.w.org/plugins/geopattern-icon/si-contact-form_dde2be.svg)
 * [Fast Secure Contact Form](https://wordpress.org/plugins/si-contact-form/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/si-contact-form/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/si-contact-form/)
 * [Active Topics](https://wordpress.org/support/plugin/si-contact-form/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/si-contact-form/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/si-contact-form/reviews/)

 * 13 replies
 * 2 participants
 * Last reply from: [mbrsolution](https://wordpress.org/support/users/mbrsolution/)
 * Last activity: [11 years, 5 months ago](https://wordpress.org/support/topic/background-fields-transparent/#post-5597249)
 * Status: not resolved