Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1261649

    Good Evening Folks,

    new little question: I wanna change the background-colour of the
    conformation message. Please take a look at my screenshot.
    There you can see that the background-colour is grey with a white
    frame. The css-snippet from your documentaion unfortunately
    does not work. ;-) If I use it, the conformation message does not
    appear.

    Following snippets are already in my quick-css-field:
    ———————————————————————————
    /*—————————————-
    // CSS – Contact form Lable
    //————————————–*/

    .avia_ajax_form label {
    font-size: 17px;
    line-height: 1em;
    color:#990000;
    }

    /* Required field (Styling the asterisk ) */
    .avia_ajax_form label .required {
    font-size: 17px;
    line-height: 1em;
    color:#990000;
    }

    .avia_ajax_form .button {
    min-width: 100%;
    background-color: #99cccc !important;
    border: none;
    }

    .avia_ajax_form .button:hover {
    min-width: 100%;
    background-color: #990000 !important;
    border: none;
    }

    #top .main_color input[type=”text”] , #top .main_color select
    {
    background-color: #bbe6e6;
    color: #990000;
    border: none;
    }

    #top .main_color textarea{
    background-color: #bbe6e6;
    color: #990000;
    border: none;
    }

    #top #wrap_all .error .text_input, #top #wrap_all .error .text_area, #top #wrap_all .error .select {
    border: 3px solid #99cccc;
    background-color: #990000;
    color: #ffffff;
    }
    ———————————————————————————

    So, which new snippet I need additionally? Thanks for your new help!

    Best regards
    Carsten

    #1262570

    Hey Carsten!

    Thank you for the inquiry.

    We should be able to use the following css code to adjust the background and font color of the contact form’s response message container.

    .responsive #top .main_color .avia-form-success {
    	background-color: red;
    	color: white !important;
    }
    

    Adjust the color values as you wish, and please toggle the Performance > File Compressions settings afterwards and the remove the browser cache.

    Regards,
    Ismael

    #1262721

    Hey Ismael,

    thx for your reply!

    The snippet works fine…great! I only had to add the word “!important;”
    also behind the background-color, otherwise the field doesn’t appear. ;-)
    And I added also “border: none;” to hide the white frame. I’ve forgotten
    to say that. ;-)

    Best regards
    Carsten

    #1262916

    Hi,

    Did you need additional help with this topic or shall we close?

    Best regards,
    Jordan Shannon

    #1263588

    Hi Jordan,

    no, you can close and thx again to Ismael!

    Kind regards
    Carsten

    #1263727

    Hi Carsten,

    Great, I’m glad that Ismael could help you out. I’ll go ahead and close this thread for now then, please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘contact form –> after mail has been sent, the info-text is not displayed ;-/’ is closed to new replies.