Hi there,

Unfortunately, it is not possible to achieve this currently as all those options will use one css styling as you can see below.

#es .dropdown-menu--rsvp > li.active a:after {

  content: "\f00c";

  position: absolute;

  top: 0;

  right: 8px;

  font-family: 'Font Awesome 5 Free';

  font-weight: 900;

  font-style: normal;

  display: inline-block;

  text-decoration: inherit;

  font-size: 13px !important;

  color: #444 !important;

  width: 20px !important;

  height: 20px !important;

  text-align: center !important;

}

Perhaps, you wanted to customize them(quite heavy modifications), do check codes on files listed below and do template override for those themes files and backup those stylings accordingly.

.../components/com_easysocial/themes/wireframe/helpers/event/action.php
.../components/com_easysocial/themes/wireframe/styles/elements.css

Thanks for the CSS
This one doen't consider the chosen status though
Accepted (going) = green
Maybe = Yellow
Not going = Red
How do I only trigger a color change once the status is changed ?
Thanks again
Danny

Hi there,

Sorry for not explaining them clearly. As mentioned above, you will need to do customizations in order to achieve this. Those css are references for you on how we specify those colors and those css will be used on three options.

Do customize them accordingly on theme files given above and see how it goes.

If you require us to perform the customization for you, you can always request for a quote from us at https://crm.stackideas.com and select "Customizations" . Our sales person would gladly send you a quote for the customization that you have requested.

Thanks for your understanding.