Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • May 4, 2016 at 11:54 am #627123
    Real-3D

    Hello!

    I’m using the “Contact form” of the “content element” for my website, and i’d like to change the background color of the boxes (making it a little transparent), add a border line and (if possible) make the whole contact form a little smaller.

    I tried to read the old topics to find any solution, but I didn’t find a working CSS.

    Any suggestions?

    Thanks a lot!

    May 4, 2016 at 3:32 pm #627292
    Real-3D

    Another related question with the Contact form, is there a way to place side by side 2 boxes? For example “Name” and “E-mail”.

    Thanks

    May 6, 2016 at 5:07 am #628073
    Rikard

    Hi,

    Could you provide us with a link to the site in question so that we can take a closer look please?

    Regards,
    Rikard

    May 6, 2016 at 8:38 am #628173
    Real-3D

    Hi!

    the link is in the provate content.

    Thanks!

    May 8, 2016 at 7:08 am #628817
    Rikard

    Hi,

    Please try the following in Quick CSS under Enfold–>General Styling:

    #top .main_color input[type='text'] {
background-color: rgba(255,255,255,0.5) !important;
}

    Regards,
    Rikard

    May 9, 2016 at 9:02 am #629083
    Real-3D

    Thanks Rikard.
    The css you suggested to use changes the colors of the boxes (name, mail, object) except the “message” box. How can i change this one, too?
    Also, is there a way to make the color of the boxes a little transparent (for example 0.5) and to add a border line (of another color) at the boxes?
    Thanks!

    May 10, 2016 at 1:36 pm #629891
    Yigit

    Hi,

    Please use following code

    #top .avia_ajax_form .text_input, #top .avia_ajax_form .select, #top .avia_ajax_form .text_area { 
background-color: rgba(255,255,255,0.5) !important;
}

    Best regards,
    Yigit

    May 10, 2016 at 1:46 pm #629900
    Real-3D

    That’s ok, thanks!

    Is it possible to add a border line at the boxes?

    Thanks!

    May 10, 2016 at 2:33 pm #629935
    Yigit

    Hi!

    You can change the code to following one 

    #top .avia_ajax_form .text_input, #top .avia_ajax_form .select, #top .avia_ajax_form .text_area { 
background-color: rgba(255,255,255,0.5) !important;
border: 1px solid orange !important; 
}

    Best regards,
    Yigit

    May 10, 2016 at 2:39 pm #629940
    Real-3D

    Yeah, that’s perfect! :)

    I have another related question to the contact form, is there a way to place side by side 2 boxes? For example “Name” and “E-mail”.?

    Thanks a lot!

    May 10, 2016 at 2:44 pm #629947
    Yigit

    Hi!

    Yes, that is easily possible. Please edit your contact form and click on the field you would like to adjust and choose the size – http://i.imgur.com/dDXGvNj.png

    Best regards,
    Yigit

    May 10, 2016 at 2:53 pm #629954
    Real-3D

    Thst’s it!
    I was careless and did not notice this setup!
    Thanks a lot, now contact form is ok!
    Regards

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Setup contact form’ is closed to new replies.