Transparent Form Input

  • Resolved gbsu

    (@gbsu)


    8 years, 10 months ago

    I would like to make the entries on my forms transparent. I have forms embedded on top of images, and I would like for the entries, such as text/textsarea boxes on forms submitted by guest to be transparent.

    I contacted support@gravityforms and was given the following code:

    body .gform_wrapper .gform_body .gform_fields .gfield input[type=text],
    body .gform_wrapper .gform_body .gform_fields .gfield input[type=email],
    body .gform_wrapper .gform_body .gform_fields .gfield input[type=tel],
    body .gform_wrapper .gform_body .gform_fields .gfield input[type=url],
    body .gform_wrapper .gform_body .gform_fields .gfield input[type=number],
    body .gform_wrapper .gform_body .gform_fields .gfield input[type=password],
    body .gform_wrapper .gform_body .gform_fields .gfield select,
    body .gform_wrapper .gform_body .gform_fields .gfield textarea {
    color: white;
    background-color: transparent;

    }

    This gives me the transparency I was looking for, but eliminates the border around the entry box.

    Is there code I could use to leave intact the border around form entry box?

    Also, I would like for the text to be visible upon activating a drop-down box as oppose to being visible upon activating and hoovering over text.

    https://wordpress.org/plugins/surbma-divi-gravity-forms/

Viewing 1 replies (of 1 total)
  • Plugin Author Surbma

    (@surbma)

    8 years, 10 months ago

    Hi gbsu,

    you need to understand, that my plugin is doing a very simple thing: it makes the Gravity Forms forms look as the native Divi forms. So if you are using Divi theme and Gravity Forms plugin on the same site, than you can have Divi styled forms.

    If you want to customize your form, you can do it with some css. What you are looking for is the border property. It is very easy to find tutorials and descriptions on Google for “css border” keywords. Or just find a programmer, front-end developer to customize your website as you want. These changes are very simple tasks for people, who know css.

    I’m sorry, but this plugin is not for what you are looking for, so I can’t help you in this question.

Viewing 1 replies (of 1 total)
  • The topic ‘Transparent Form Input’ is closed to new replies.