Tagged: 

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • February 29, 2016 at 11:20 pm #591216
    tylerdwyer21

    Hello, the border of my contact form after submission changes to green automatically. I would like it to change to grey after successful submission. Red after unsuccessful (this is working fine). I need to change the green border on successful submission to grey. Any quick CSS code I can use to solve this issue?

    February 29, 2016 at 11:22 pm #591218
    Josue

    Hey!

    Try adding this code to the Quick CSS:

    #top #wrap_all .valid .text_input, #top #wrap_all .valid .text_area, #top #wrap_all .valid .select{border:1px solid gray;}

    Cheers! 
    Josue

    February 29, 2016 at 11:27 pm #591222
    tylerdwyer21

    Man, you guys are awesome, one more question. How can I change the font to something smaller on the auto message on successful submission. Right now the font is large and kind of bold. And how can I remove the grey background for the auto message as well? Thanks for your quick response!

    February 29, 2016 at 11:33 pm #591228
    Josue

    Try with this:

    #top .ajaxresponse .avia-form-success {
    border: 0;
    background: transparent;
    font-size: 22px;
    font-weight: lighter;
}

    Modify as needed.

    March 1, 2016 at 12:09 am #591250
    tylerdwyer21

    Worked again, as always. One more question. How can I get the survey contact form to allow people to pick multiple elements. I have it set within the contact form settings, but it is not allowing me to do so on the published contact form. Also, how can I make it so that the grey area behind the elements fits closer the options (no empty space). i.e Male/Female elements. Thanks in advance. I really appreciate you guys.

    March 1, 2016 at 12:37 am #591259
    tylerdwyer21

    Alright, I lied. A couple more questions. On my homepage, how do I Remove the header from just that page (mobile and regular site). I would also like to remove the menu button in the top-right from mobile site-wide.

    March 2, 2016 at 5:04 am #591863
    Rikard

    Hi,

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

    .home #header, #advanced_menu_toggle {
display:none !important;
}

    Thanks,
    Rikard

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