I want to add users' css page and pages like: https://fridaynightfunking.fandom.com/wiki/MediaWiki:ProfileTags

I am drafting a main page redesign on the Chappell Roan Wiki, but I need help with two things.

Take a look at what I'm doing here for clarity.

Text alignment?:

How do I make it so these are aligned? I like where the section that says "Rules" is but how do I make it so "New Releases" is at the same level?

Even spacing?:

How can I make it so these are the same amount of space apart? I like the amount of space that it is horizontally (green line), but how do I replicate it on the vertical side (red line)?

I hope this makes sense haha. Thank you!

Module/Scribunto help. I want to add an "a" tag to my span element here. But it gets parsed and becomes regular text instead of its own child element.

span:tag('a'):wikitext(ColorCodes[color][2]):attr('href','/wiki/'..ColorCodes[color][2])

This is the code output in DevTools

I am trying to update a non-dark mode friendly wiki, but admins aren't exactly active nor helpful. In the meantime, I am trying to figure out how to fix the CSS on my personal CSS page in the meantime.

One odd CSS I can't figure out to fix is while in edit mode. It highlights the almost white text with a very pale pastel, making the text illegible. Not sure what CSS this is or how to fix, any suggestions?

It doesn’t show up whenever I put a link to my wiki.

I'm trying to setup a template to do something akin to what Statblocks are in D&D 5E, and I figured I'd pick up one from the community. And I did, but I needed to tune some stuff.

When I went into source editing, though, it really confused me; What language is this?

Reading online, it seems that the coding used throughout fandom are mostly HTML, CSS, JS, Lua, Wikitext/MediaWiki. However, None of those are written the way the Templates i'm finding are.

I get that they're mostly CSS or CSS alike; Here's a snippet for example:

{| style="width: auto; background: #eee3a4; padding: 0.625em; margin-bottom: 1em;" cellspacing="0"
|+ style="font-weight: bold; font-size: 1.25em; text-align: left; background: #eee3a4; padding: 0.625em 0.625em 0 0.625em; color: #58180d;" | {{{name}}}
|+ style="font-weight: italic; font-size: 0.625em; text-align: left; background: #eee3a4; padding: 0.625em 0.625em 0 0.625em; color: #58180d;" | {{{type}}}, {{{alignment}}}
[[File:Line Separator.png|none|thumb|300x300px]]
|- style="vertical-align: top;"
! style="text-align: right; padding-left: 1.25em; padding-right: 0.125em; white-space: nowrap; color: black;" | Armor Class

And okay, I get that "Style" and its parameters are standard HTML/CSS stuff for example.

But what are the Pipes? What does the + and - sign mean? Why do some lines start with exclamation marks instead of Pipes? I tried to bruteforce some code to see if I could rationalize what it does, but I didn't get it.

The main problem is that I can't figure out what language this is supposed to be; I can't even find tutorials or explanations anywhere of how I'm supposed to code on this. Can anyone tell me what to search for?

I accidentally click Read the user guide and now it says "You are about to leave Bug Fables Wiki to visit mw:Special:MyLanguage/Help:VisualEditor/User guide, which is a separate website." but I don't want to leave bug fables Wiki what do I do. I think it means leaving Bug Fables Wiki temporarily but I'm afraid it is permanently.

While searching for other information, I saw something about a project that would allow the centralization of data, and then use the database to generate info on wiki pages. Unfortunately, I did not bookmark the page and now I can't find any keywords that result in satisfactory searches.

If this sounds familiar to anyone, can you clue me into how to find it? Thank you in advance.

I'm trying to standardize how pages get sorted on category pages. In particular, I'm trying to get all the category pages to appear first on a category page. I have gleaned that it is not possible to do this on a wiki-level, so I've been trying to do this on each category page. I am using a space as the sort key. I can successfully get the category page to appear first in the sort by modifying the individual category line,

[[Category:Combat| ]]

But I'm trying to use DEFAULTSORT to do the same for all the categories on that page and it's not working. This is my code for the https://cornucopia-game.fandom.com/wiki/Category:Monster_Drops page.

{{DEFAULTSORT: Monster Drops}}[[Category:Combat]]
[[Category:Items]]

On the Combat Category page it's still getting sorted under M.

Where am I going wrong?

Thanks!

Is it possible to see beyond the first 1000 listed? If not is there a way to filter the list to only display a list of Wanted Pages in the main space (not the filter that's present for individual pages), because a portion of the wanted pages being displayed in my wiki involve broken links on no longer existing user talk (so can't be dealt with) and on comments (editting the links out of the comments does not work).

Is there any way to test mobile CSS without having to directly modify FandomMobile.css? Something like PortableCSSPad would be nice.

Tl;dr: there's weird shadows on the input box field that bugs me.

So Special:Community shows the contents of MediaWiki:Community-to-do-list, and I've added an <inputbox> to do preloaded templates.

What I've noticed is that the inputbox field looks different between those two pages:

Special:Community on Firefox

MediaWiki:Community-to-do-list on Firefox

Special:Community on Chrome

MediaWiki:Community-to-do-list on Chrome

The centering is not the issue, it's the 90's-esque inset shadow that bothers me.

If you'd like to see for yourself:

https://snowbreak.fandom.com/wiki/Special:Community

https://snowbreak.fandom.com/wiki/MediaWiki:Community-to-do-list

Irdk if that made sense but i hope it did

Page in question with code