Board Thread:General Discussion/@comment-46314627-20200819125543/@comment-46314627-20200819153839

I added most of the CSS to the Wiki along with another admin who's still active. I'm not much of an expert in CSS, I mainly look to other Wikis and if I spot a CSS feature that would help my Wiki, I copy-paste it into my Wiki's CSS. I know one more admin who has a little bit more familiarity with CSS, but he's not online very often unfortunately. /*for custom expand/collapse image*/ .mw-collapsible-toggle { color: rgba(0, 0, 0, 0); } .mw-collapsible-toggle a { color: rgba(0, 0, 0, 0); height: 21px; width: 30px; word-break: break-all; overflow: hidden; display: inline-block; min-width: 30px; background-position: center; background-repeat: no-repeat; background-size: contain; background-image: url(https://vignette.wikia.nocookie.net/bugfables/images/7/70/Collapsearrow.png/revision/latest); } .mw-collapsible-toggle.mw-collapsible-toggle-collapsed a { background-image: url(https://vignette.wikia.nocookie.net/bugfables/images/2/20/Expandarrow.png/revision/latest); } /* Make the expand/collapse image align left */ .mw-collapsible-toggle { float: left!important; } For example, here is all the CSS we have for the custom expand/collapse icon I talked about earlier. How can I adjust it to fit the new system? And for the other CSS problems I have, is there a guide I look at for what to adjust?