Very new to CSS and trying to understand how to make infoboxes. I'm seeing several articles about different properties that I can customize for my infobox (I made a template using the portable maker already), and I know I'm supposed to edit these in the Commons.css page. But what selector am I supposed to use to edit them on that page??
#How do I edit the appearance of Infoboxes!?
mental steppe
steady trench
If you're using Portable Infoboxes, then a lot of the classes will have pi as a prefix in the name. The easiest way is to use the Inspect tool in your browser by selecting what you want to change > right clicking and selecting "Inspect" or "Inspect Element" > then finding the name.
In the case of the screenshot below, if I wanted to change the font of the label that says "Possible Stat Increase," I'd customize the class(es) .portable infobox .pi-data-label In Common.css
You can use the browser extension Stylus or personal CSS (at /wiki/User:[YourUsername]/common.css to preview changes before you make them.