#change color of [expand] text in collapsible elements

16 messages · Page 1 of 1 (latest)

dense basalt
#

I've been going insane trying to figure out WHAT css selectors to use to make the blue [expand] text be any other colour by default, from the mediawiki collapsible elements stuff https://www.mediawiki.org/wiki/Manual:Collapsible_elements.
on click it underlines and turns to the color its meant to be, but by default when not pressed nothing changes and I'm just lost on what more I can try.

I'm not the best at CSS and I generally get by with digging in inspect element to see how things are glued together but in this case no matter what I've tried to target it just doesn't budge. wail

quaint tusk
#

Hi, please use the snippet I made in a similar recent thread:
#1225228299333275770

Hope this helps! pupCoffeeMH It's good to know you already tried using the inspector. Sometimes !important or more specific selectors are needed to overwrite the style (though in this case the selector just changed after some MediaWiki update). The inspector shows which style is taking effect at least.

dense basalt
quaint tusk
#

Happy it works! pupCoffeeMH

dense basalt
#

you wouldn't happen to know how to also change the little dots of the bullet list html tag d:?

jolly terrace
#

<@&808094140549562368> curtesy ping, as there is another question.
(this I do not know)

quaint tusk
dense basalt
quaint tusk
#

Found it! There are multiple ways you can change it, the simplest is this however:

::marker {
    color: orange;
}

ul {
    list-style-image: none;
}

You can omit the color style if you want it to copy the text color.

image.png image.png
#

You can play around with it if you select the ::marker pseudoelement as shown on the screenshot

#

the list style type has a few presets like trianges, you might want to take a look into that

image.png
#

and instead of none you can also link your own image instead. The default image was just a black circle

dense basalt
quaint tusk
#

Hi, did it work? If so, I'll mark this thread as resolved. 👀

#

@dense basalt

dense basalt