Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #627123

    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!

    #627292

    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

    #628073

    Hi,

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

    Regards,
    Rikard

    #628173

    Hi!

    the link is in the provate content.

    Thanks!

    #628817

    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

    #629083

    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!

    #629891

    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

    #629900

    That’s ok, thanks!

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

    Thanks!

    #629935

    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

    #629940

    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!

    #629947

    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

    #629954

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

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