Hi
When a contact form is sent, we can set a feedback message like “the message was sent”.
On one website of us, we don’t see the feedback message, because the backgroud is white and the color is also white.
How we can change the background of this?
The relevant message is here:
<div id="result_ajax_response_1" class="ajaxresponse ajaxresponse_1">
<h3 class=avia-form-success">xxx</h3>
</div>
We tryed this here but this does not work:
.ajaxresponse {
background-color: #212a48 !important;
}
Thanks very much.
Best regards
Mike
Hi again
What we also want to do is to style it different on every page, so for example on one page we like to change the color, on the other page we like to change the background color.
Thanks very much.
Best regards
Mike
You can test it on the website in the private content section.
Don’t hesitate to fill out and send the forms to test it.
Hi,
Thank you for the link to your site, for the page /unser-verein/samariter-mitglied-werden/ try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:
#top.page-id-959 .main_color #result_ajax_response_1.ajaxresponse h3 {
color: #000;
border-color: #e30615;
}
the expected results:
for the page /kontakt/ try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:
#top.page-id-954 .main_color #result_ajax_response_1.ajaxresponse h3 {
background-color: #212a48;
}
the expected results:
feel free to adjust to suit, after applying the css, please clear your browser cache and check.
Best regards,
Mike
Hi Mike
Thanks very much for your response.
Very cool, it works fine!
You can close the issue.
Best regards
Mike