1
submitted 1 year ago by uwu@kbin.social to c/kbin@kbin.social

CSS and JS appearance customization

I found a panel in the appearance section of the magazine panel that seems to allow custom CSS and JS to be used to modify the look of a magazine. Is there anywhere I could learn more about that or is it another case of the docs not being there yet or even just the feature not quite working yet?

I see you're able to change the background of a magazine, I assume that you can do the same things you used to be able to do on old.reddit? I don't have enough CSS or JS knowledge to find what can be modified, much less how to go about modifying it but maybe someone has a little bit of insight.

you are viewing a single comment's thread
view the rest of the comments
[-] raltsm4k@kbin.social 1 points 1 year ago

Not sure about JS, but from some cursory experimentation there don't seem to be any limitations on what can be done with the custom CSS. It seems to just load whatever CSS code you put there into a style block at the top of the finalized page source, so anything goes really. I wouldn't be surprised to see limitations on this in the future since this could obviously lead to some annoyances from making the entire page invisible to overlaying a seizure gif onto everything.

As far as documentation I don't know of anything official, but /m/kbinStyles seems like your best bet for asking questions, alongside using inspect element to identify the elements you want to style while consulting a CSS reference like w3schools. Also iirc, browser extensions like Stylus let you create custom themes for sites while previewing them on the fly which would be pretty helpful here. As long as you're not trying to do anything crazy complex you could probably learn what you need to style a magazine in an afternoon!

this post was submitted on 12 Jun 2023
1 points (100.0% liked)

/kbin

9 readers
1 users here now

/kbin-related stuff. Unofficial, not moderated by devs (yet). Official ones: /m/kbinMeta /m/kbinDesign **All official /kbin magazines in one collection**

founded 1 year ago