Open Forum

Expand all | Collapse all

Changing color of User Error Message

  • 1.  Changing color of User Error Message

    Posted 29 days ago
    Hello,

    Is there the functionality under Flex to change the color of the typical User Error font message? It is red by default, however, our background is orange-ish making it difficult to read. Any ideas on how to edit the font color without changing the background? 

    Any ideas would be appreciated. 

    Thank you.

    #Flex-Creating/ManagingEvents

    ------------------------------
    Kevin Bedoya
    Event Technology Coordinator
    ------------------------------


  • 2.  RE: Changing color of User Error Message

    Posted 28 days ago
    Hi Kevin,
    In site designer, have you tried to go into the question widget and customize the display settings for the font color ?

    ------------------------------
    Jenn Wang
    Meeting planner
    EY Global Services Limited
    ------------------------------



  • 3.  RE: Changing color of User Error Message

    Posted 28 days ago
    Hi Jenn,

    The verbiage I would like to change colors is not the question itself, but the error verbiage that appears if for example, a registrant tries to go to the next page without answering a required question. I have not found the functionality to stylize the error verbiage.

    ------------------------------
    Kevin Bedoya
    Event Technology Coordinator
    ------------------------------



  • 4.  RE: Changing color of User Error Message

    Community MVP
    Posted 27 days ago
    In Classic I was able to add some css to accomplish that, I don't think we have the ability to add css yet.

    ------------------------------
    Steven Schlossman
    Jack of all trades. Master of none.
    BMW Car Club of America
    ------------------------------



  • 5.  RE: Changing color of User Error Message

    Cvent Staff
    Posted 27 days ago
      |   view attached
    Hi Kevin,

    That's a great question! Right now we cannot change the color of the User Error message. I have submitted this to our product team as feedback but I'd also suggest you post this in the IDEAS tab of the Cvent Community - I'm sure there are others that would like to see this functionality as well.  

    With that said, you can change the verbiage of the error itself under Language Management. To do this, hover over Website & Registration > click Language Management > in the search bar, type in the error message you'd like to change > click the pencil icon next to the correct error message > type your new text into the  Custom Text field > click the floppy disk icon on the left to save (see attached image). It can take a few minutes for the system to update so I'd suggest waiting for a bit before testing again. 

    Thanks!

    ------------------------------
    Dan Tobin
    Client Success Advisor
    Cvent
    ------------------------------



  • 6.  RE: Changing color of User Error Message

    Community MVP
    Posted 23 days ago
    Hi Kevin,

    I believe you can change the Pop Up error message settings in the Open Site Designer >Theme>Theme Styling>Pop Up Windows.


    ------------------------------
    Loretta Peterson
    Events Associate
    CDW
    ------------------------------



  • 7.  RE: Changing color of User Error Message

    Community MVP
    Posted 23 days ago
    @Loretta Peterson I never noticed that. :) I should dig deeper into themes.​

    ------------------------------
    Steven Schlossman
    Jack of all trades. Master of none.
    BMW Car Club of America
    ------------------------------



  • 8.  RE: Changing color of User Error Message

    Community MVP
    Posted 15 days ago
    Hi Kevin,

    You can change this by adding a custom data tag to your website's default header.

    The process is as follows:
    • Go to Admin > Account > Custom Data Tags
    • Select "Content Block"
    • Paste the following into the HTML section, replace "blue" with whatever color or hex code you desire, and save:
    <style>
    div[data-cvent-id="error-message"] {
    color: blue;
    }
    </style>
    • Go to your event and click to edit the Default Header/Footer
    • Add a text widget to the header and click the tag icon, then select "Account Custom Tag"
    • From the dropdown, choose the tag you just created to house your CSS
    • Save and publish

    Working example, changing error message from red to blue:



    ------------------------------
    Katie McIntyre
    Senior Manager, Technical Design and Development
    Opus Agency
    ------------------------------



  • 9.  RE: Changing color of User Error Message

    Community MVP
    Posted 15 days ago
    Edited by Steven Schlossman 15 days ago
    @Katie McIntyre That's great. I used to do that by adding the code in classic, either in the theme or directly to the page.​
    I was waiting all along to be able to edit the css in the theme.

    ------------------------------
    Steven Schlossman
    Jack of all trades. Master of none.
    BMW Car Club of America
    ------------------------------



  • 10.  RE: Changing color of User Error Message

    Posted 13 days ago
    Thank you, @Katie McIntyre for sharing this! This is a great solution for changing the error message coloring. Will definitely use this.

    Thank you everyone for this input!​

    ------------------------------
    Kevin Bedoya
    Event Technology Coordinator
    ------------------------------