-
AuthorPosts
-
November 19, 2020 at 10:12 pm #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
CarstenNovember 24, 2020 at 5:27 am #1262570Hey 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,
IsmaelNovember 24, 2020 at 3:58 pm #1262721Hey 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
CarstenNovember 25, 2020 at 6:28 am #1262916Hi,
Did you need additional help with this topic or shall we close?
Best regards,
Jordan ShannonNovember 27, 2020 at 8:53 pm #1263588Hi Jordan,
no, you can close and thx again to Ismael!
Kind regards
CarstenNovember 29, 2020 at 5:20 am #1263727 -
AuthorPosts
- The topic ‘contact form –> after mail has been sent, the info-text is not displayed ;-/’ is closed to new replies.