Help:Custom CSS

Shortcut H:CSS

Users can customize the appearance of Bulbapedia, including fonts, colors, positions of links in the margins, and many other things, through custom Cascading Style Sheets (CSS) stored in subpages of the user's "User" page.

Adding custom CSS

Custom CSS can be added to affect specific or all skins:

• To make changes to how the Monobook skin (the default skin on Bulbapedia) appears, create a page at Special:MyPage/monobook.css.
• To make changes to how Legacy Vector and Vector 2022 appear, create a page at Special:MyPage/vector.css.
• To make changes to how MinervaNeue (the mobile site skin) appears, create a page at Special:MyPage/minerva.css.
• To make changes to that affect all skins, create a page at Special:MyPage/common.css.

Previewing CSS on these pages works in a special way; it allows viewing of the margins of the page (not the contents) on the basis of the style info in the page, provided that the skin used is the skin for which the page applies. This has limitations. You can preview how links in the margin will look, but these may not be of all the types you would want to check. After saving, while still on the page or while on any other page, do a forced reload (Ctrl-F5, Ctrl-Shift-R, ⌘-R or ⌘-Shift-R, depending on browser and operating system) to get the new files.

Deactivating custom CSS

If you accidently add CSS that breaks the site, add the safemode=1 query string to the page URL to temporarily deactivate the custom CSS.

See also

• wp:Help:User style

Help