Not sure how to fill out Custom Classes

Sorry, I don't know why that image is so huge.

I don't know how to fill out the "custom classes" field. I've tried "korok" "<span class="korok">" and "<span class="korok">%s</span>." I checked the documentation/guide, but it doesn't specify how we're supposed to field out either.

Thanks in advance!

Yes, it can be confusing.

in custom CSS you’d add your styling:

.korok { CSS here }

In the group custom class you’d call the styling as korok

On Apr 7, 2026, Cedric said:

Yes, it can be confusing.

in custom CSS you’d add your styling:

.korok { CSS here }

In the group custom class you’d call the styling as korok

Okay, so to make sure I'm doing this right...

Format: <span class="Korok">%s</span>

Custom Classes (Field): .korok { CSS here }

Or would it be (because it shows bbcode):

Format: [span class="Korok"]%s[/span]

Custom Classes (Field): .korok { CSS here }

I'm not sure if I'm understanding right, but I'll give it a shot.

No, you would just enter korok of whatever css class name in custom class. No dot before, no styling. The CSS .korok { css } would be in your custom css in the theme. 😊

On Apr 7, 2026, Cedric said:

No, you would just enter korok of whatever css class name in custom class. No dot before, no styling. The CSS .korok { css } would be in your custom css in the theme. 😊

I did that as mentioned in my first post, but nothing happened. Here are the screenshots. (It's just "red" for testing")

Unless I'm still doing it wrong. The bbcode field shows up just fine, though.

This is how it should be:

And in Custom CSS:

Are you adding this in the correct theme?

On Apr 7, 2026, Cedric said:

This is how it should be:

And in Custom CSS:

Are you adding this in the correct theme?

I only have the one theme.

Edit: I changed it to hex (the test) and it's still not showing up.

Showing there's only one theme:

That is odd. It works here, so it should theoretically work on your board too. But I’ll have a look in a little while and report back.

Thank you, Cedric. Sorry for the trouble.

Try changing this:

.korok {color: #fff;}

To this:

a.korok {color: #fff;}

That will give it more specificity to override other selectors.

On Apr 8, 2026, Cory said:

Try changing this:

.korok {color: #fff;}

To this:

a.korok {color: #fff;}

That will give it more specificity to override other selectors.

Thanks. c:

It didn't work either, so I tried !important with it to see if it did anything. I got both .korok and a.korok to work with !important. Nothing in my CSS is targetting it, though. I suspect it's the theme editor's "colour palette > pages > link color" and the !important is overriding that. Not sure.

Here's the selector that was overriding it:

On Apr 9, 2026, Cory said:

Here's the selector that was overriding it:

Yeah, it's using the theme editor stuff I mentioned before. I'll just !important. Thanks, Cory c: