Styling TEXT of success message
-
Hi all
Site is yali2.digital2.getusinfo.com. If you are asked for a login, try clicking cancel. If that doesn’t work, unfortunately we’ll have to try to work without you accessing the site.
I am trying to style the text of the Contact Form 7 “success” message (“Your message was sent successfully. Thanks.”). I see that the css being called is the following:
<div class="wpcf7-response-output wpcf7-display-none wpcf7-mail-sent-ok" style="display: block;" role="alert">Your message was sent successfully. Thanks.</div>- When I add color: #fff to my theme’s custom CSS under the #joinUs ID to both wpcf7-response-output and wpcf7-mail-sent-ok, it doesn’t change.
- When I add color: #fff directly on the plugin’s stylesheet for to both wpcf7-response-output and wpcf7-mail-sent-ok (under /includes/css), it doesn’t change.
- When I add a style, either as <p style=”color:…> or <span style=”color:.. directly to the success message field on the C7 form setup, it doesn’t change
I fact, I can’t even see why or where the orange color of the text is being called.
If I change either wpcf7-response-output or wpcf7-mail-sent-ok in Chrome’s “inspect element”, it works. It just doesn’t work when apply the change to the actual stylesheet, either my custom CSS or the plugin’s stylesheet.
This seems like it should be an incredibly simple fix, but I can’t seem to find the right place.
Thanks in advance.
- The topic ‘Styling TEXT of success message’ is closed to new replies.
