Change colour of success message text

  • Resolved paultidal

    (@paultidal)


    7 years, 1 month ago

    Hi
    I would like to change the colour of success/error message text (from currently white to black). At the moment it is illegible as the message is displayed in white on a pale green background.
    I have tried adding the following to my theme’s Custom CSS but without any joy:
    .yikes-easy-mc-success-message. yikes-easy-mc-success-message-1. yikes-easy-mc-hidden {color:#000000!important;}
    Can you please help?
    Regards
    Paul

    The page I need help with: [log in to see the link]

Viewing 10 replies - 1 through 10 (of 10 total)
  • Plugin Contributor yikesitskevin

    (@yikesitskevin)

    Hi Paul,

    You have a slight typo in your CSS selector. Use this for the success message: 

    .yikes-easy-mc-success-message.yikes-easy-mc-success-message-1 {
    color: #000000 !important;
}

    And for the error message:

    .yikes-easy-mc-error-message.yikes-easy-mc-error-message-1 {
    color: #000000 !important;
}

    And since you’re trying to apply the same colors to both, we can combine those statements. You should only need to add the following CSS to change the success and error message text color:

    .yikes-easy-mc-error-message.yikes-easy-mc-error-message-1,
.yikes-easy-mc-success-message.yikes-easy-mc-success-message-1 {
    color: #000000 !important;
}
    Thread Starter paultidal

    (@paultidal)

    Hi Kevin
    Thanks for your exceptionally quick response. However, after copying and pasting this to the theme’s Custom CSS and deleting the page cache, the text is still appearing in white.
    What am I missing?
    Regards
    Paul

    Plugin Contributor yikesitskevin

    (@yikesitskevin)

    Hey Paul,

    That’s the correct CSS. I’m trying to find the form on your site but I’m having trouble loading the homepage. Which page is your form on?

    Thanks,
    Kevin.

    Thread Starter paultidal

    (@paultidal)

    Hi Kevin
    The page is https://www.signiaturnkey.com. It’s on the Contact section at the bottom of the page (the page has a full screen scroll effect but the contact section can be reached by simply clicking the bottom ‘dot’ in the navigation on the right of the page). I’ve uploaded a screenshot here: https://signiaturnkey.com/screenshots/signia-success-message.png
    Regards
    Paul

    Plugin Contributor yikesitskevin

    (@yikesitskevin)

    Hi @paultidal,

    I’m still having trouble accessing your site; the spinner gif stays spinning and the content is not loaded. There are lots of JavaScript errors related to jQuery.

    Any idea what’s going on there?

    Thread Starter paultidal

    (@paultidal)

    Hi Kevin
    It was doing the same for me in Safari (although not Firefox). It was a caching issue (WP Fastest Cache). It appears to be loading okay now. Apologies.
    Regards
    Paul

    Plugin Contributor Tracy Levesque

    (@liljimmi)

    ?????? YIKES, Inc. Co-Owner

    Hi Paul.

    No worries.

    Thank you for letting us know.
    -Tracy

    Plugin Contributor yikesitskevin

    (@yikesitskevin)

    I am not seeing these styles anywhere on the site.

    .yikes-easy-mc-error-message.yikes-easy-mc-error-message-1,
.yikes-easy-mc-success-message.yikes-easy-mc-success-message-1 {
    color: #000000 !important;
}

    Have you added them?

    Thread Starter paultidal

    (@paultidal)

    Hi Kevin
    My theme had two places to add Custom CSS; needless to say I’d added it in the wrong place… I’ve now added it correctly and your code is working perfectly! Thanks for the help and apologies for any confusion.
    Regards
    Paul

    marithomas

    (@marithomas)

    Hi, how do you change the colour of the pale green background colour please?

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘Change colour of success message text’ is closed to new replies.