Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • May 3, 2014 at 1:06 pm #259673
    jockejansson

    Hello!
    I’m looking for a solution to make my contact forms transparent in Enfold. I have tried to search the forums but the codes i’m finding is not working with Enfold. Thanks for any help in advance.

    May 3, 2014 at 3:50 pm #259694
    Yigit

    Hey jockejansson!

    Can you post the link to your page where you have a contact form so we can take a look?

    Cheers!
    Yigit

    May 3, 2014 at 4:17 pm #259707
    jockejansson

    Hello Yigit!
    Of course, this is the page where i would like to have the fields transparent
    http://blackant-energy.com/contact/

    May 3, 2014 at 4:22 pm #259709
    Yigit

    Hey!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    #top .main_color .input-text, #top .main_color input[type='text'], #top .main_color input[type='input'], #top .main_color input[type='password'], #top .main_color input[type='email'], #top .main_color input[type='number'], #top .main_color input[type='url'], #top .main_color input[type='tel'], #top .main_color input[type='search'], #top .main_color textarea, #top .main_color select {
border-color: white;
background-color: transparent;
color: white;
}

    Best regards,
    Yigit

    May 3, 2014 at 4:24 pm #259710
    jockejansson

    Thank you Yigit! it worked perfectly!

    Is there any way to set the amount of transparancy as well?

    • This reply was modified 10 years, 6 months ago by jockejansson.
    May 3, 2014 at 4:31 pm #259716
    Yigit

    Hi!

    Yes, you can replace transparent with
    rgba(255,255,255,0.5)
    where 255,255,255 is the rgb value of the color and 0.5 is opacity level. You can adjust opacity level from 0 to 1

    Cheers!
    Yigit

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.