User-CSS Classes

or what on earth you can change in your World Anvil Theme

Safety not guarenteed

I'm putting as much of the CSS coding here as I can figure out. By no means is it exhaustive as I'm no expert. I use the Elven Forest theme by TJ and that's what I'll be dissecting that.

• World Anvil CSS Codex
• To find out variables for different blocks please refer to: W3 Schools CSS
• ShyRedFox has a Hacks & Help page

NOTE:When doing CSS for headers, please remember that they are one number off. H1 is reserved for article titles. BBCode H1 is CSS H2, and so on. When in doubt, highlight the text you want to change, right click and "inspect" it. This will auto jump to that bit of code and you can see what heading it's actually using.

.user-css
.user-css-extended
.user-css-presentation
.user-css-map-sidebar
.user-css-map


.user-css h1
.user-css h2
.user-css h3
.user-css h4
.user-css h5


.user-css b
.user-css strong


.user-css .world-title
.user-css .page
.user-css .map-context-user
.user-css .world-currentDate
.user-css .heading .subheading
.user-css-presentation .article-content
.user-css .text-center 
.user-css .article-list
.user-css .world-campaigns-title
.user-css .maps-list
.user-css .maps-list-header
.user-css .list-unstyled maps-list
.user-css .article-panel .cover
.user-css .article-panel .heading
.user-css .article-panel .date
.user-css .article-panel .excerpt
.user-css-extended .article-panel .excerpt


.user-css-extended h1
.user-css-map-sidebar h1
.user-css-presentation .tooltipser-content h1


.user-css-extended h2
.user-css-map-sidebar h2
.user-css-presentation .tooltipster-content h2
.user-css .table-of-contents h2
.user-css .world-featured-articles h2
.user-css .world-recent-articles h2
.user-css .world-maps-list h2
.user-css div#world-maps h2
.user-css .world-social-media h2


.user-css-extended h3
.user-css-map-sidebar h3
.user-css-presentation .tooltipser-content h3


.user-css p
.user-css .world-authors p


.user-css a
.user-css .world-author a
.user-css-extended a
.user-css .tooltipster-content a


.user-css blockquote
.user-css-extended blockquote


.user-css img
.user-css .artist-credits
.user-css .copyright-attribution


.user-css ul.category-list li a:last-child
.user-css .world-meta-categories-link
.user-css .category-list
.user-css .table-of-contents a


.user-css div#world-category-content
.user-css .panel-default
.user-css .panel-body


.user-css .world-timelines
.user-css .timelines-list-header h2


.user-css .followers-counter.m-b-20
.user-css .followers-counter .header-title


.user-css .page#world-navigation-sidebar
.user-css .world-navigation-box
.user-css .world-nagigation-custom-content
.user-css .articletoc
.user-css .world-menu
.user-css .world-maps
.user-css .world-timelines
.user-css .world-toc-header h2
.user-css .world-navigation-palette-trigger


.user-css -palette-trigger
.user-css -palette-panel