I'm trying to color-code my sidebar and make it generally more alert-able, even from my tiny, tiny smartphone screen. So I've decided to make each separate alert a different color, but I can't figure out how to specify the non-linked words in the event.

This is what it looks like right now:

I'd like to make it so that the "Alert: " part of the zapper event is the same orange as its link and the "Alert: Catricia is out of the...!" part of the training center event is the same green as its link. Ideally, there would be a solution that would allow me to customize other types of events that come up in a similar way.

Is there some coding element that would allow me to do that?

This is the code I have so far: .sidebar-widget-contents small {font-family: calibri; font-weight: bold; font-size: 17px;} .sidebar-event {text-align: center;} .sidebar-event a[href="/explore/zapper.php"] {color: ; background: ;} .sidebar-event a[href="/mail.php"] {color: ; background: ;} .sidebar-event a[href="/profile.php?act=comments&user=544727"] {color: ; background: ;} .sidebar-event a[href="/explore/train.php?petredirect=991230"] {color: ; background: ;} .sidebar-event {overflow: hidden;}

Im going to try and check on this, mind pinging me back so I can stack up on event types?

Thanks, I appreciate it!

Thus far I've implemented a stop-gap by making any words not a link (and in some cases not bold/strong) font-size: 0px and then doing ::before and ::after to put my own words there. But it's only mildly successful.

Next I'm going to see if the widget-id that each type of event is assigned is constant or if it changes for each new event. For example, my widget-id for comment events right now is "ev_2826e66ad4f1b8fd85058202c143e95d". Since it's so long and gibberish I just kinda assumed it was getting a new ID with each event, but if it's not that would help quite a bit!

The closest I can get to is [x-ev-group="Forum Mention"]

but there's no way to go to a parent class from a child. So I think the only solution is to get a browser extension that let's you work with javascript (I'm sure you can set it to apply only to Subeta) with this, you'll have more selection options. The extension can be a delicate thing so research it before installing if you do.

Thanks for looking into it!

I think I've figured it out with the widget-id thing. It looks like it doesn't change, so if it continues to remain constant it'll allow me to be more exact.

I've decided to keep most of the words hidden and use :before and :after sometimes to help me practice my language-learning, but the widget-id helps me finess that. For example:

Edited by Staff, please do not post foreign languages on the forums.

I have the ticket event widget purple and before/after the ticket link I put in Russian, "your ticket has been answered!" Which is more or less what it would say in English if the words were there. But there is one ticket-related event that goes to the "other" event widget (assigning it to a staff member), and I didn't want it the same purple nor to have the same before/after phrasing. As you can see from the image, I was able to get it to work with this coding:

/* PURPLE - TICKETS */ i[x-ev-group="Ticket Response"] {color: ; background: ; white-space: nowrap;} i[x-ev-group="Ticket Response"]::before {margin-left: 4px;} i[x-ev-group="Ticket Response"]::after {content: "Edited"; color: ; font-family: calibri; font-weight: bold; font-size: 17px; margin-left: 12px; pointer-events: none;} .sidebar-event a[href^="/tickets/view/"] {color: ; background: ;} .sidebar-event a[href^="/tickets/view/"]:before {content: "Edited "; color: ; background: ;} .sidebar-event a[href^="/tickets/view/"]:after {content: " Edited"; color: ; background: ;} div[widget-id="ev_6311ae17c1ee52b36e68aaf4ad066387"] .sidebar-event a[href^="/tickets/view/"]:before {content: none;} div[widget-id="ev_6311ae17c1ee52b36e68aaf4ad066387"] .sidebar-event a[href^="/tickets/view/"]:after {content: none;} div[widget-id="ev_6311ae17c1ee52b36e68aaf4ad066387"] .sidebar-event a[href^="/tickets/view/"] {color: ; font-family: calibri; font-weight: normal; font-size: 12px; visibility: visible !important; margin-right: 2px; font-style: italic; background: transparent;}

It's wordy, but it gets the job done!

Ooh, Im glad you got it then!!