Viewing 13 replies - 1 through 13 (of 13 total)
  • 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

    (@donniam)

    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.

    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

    (@donniam)

    Thank you sir, I will try that!

    Hi how did you go with my suggestion above?

    Thread Starter donniam

    (@donniam)

    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.

    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

    (@donniam)

    Hi, I check the link above and it displays nothing. It says page not found.

    Thread Starter donniam

    (@donniam)

    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

    (@donniam)

    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!

    Hi, please read the following URL for borders.

    Thank you

Viewing 13 replies - 1 through 13 (of 13 total)
  • The topic ‘background fields Transparent’ is closed to new replies.