How Can I Set Custom CSS in a Magazine's Appearance Panel? (media.kbin.social)

submitted 1 year ago* (last edited 1 year ago) by Name-Not-Applicable@kbin.social to c/kbinMeta@kbin.social

1 comments fedilink hide all child comments

Hi. I have tried typing some CSS rules into the CSS field in my magazine's Appearance Panel, but I don't see any change when I save it. Can someone give me some pointers on what to put in the field?

I tried a rule with a selector like div: {background-color: red} and also just a plain rule like background-color: red.

Thanks!

EDIT: Ok, duh, I forgot how to do CSS. I forgot I don't need the colon after the selector. If I View Source I can see the contents I put in the CSS field in a <style> tag in the page head. Also, I had a space after the colon separating the CSS property and its value. So, this works: article.entry {background-color:black}.

The browser developer tools are your friend! I hope this helps someone!

top 1 comments

sorted by: hot top controversial new old

[-] akaxaka@lemmy.world 1 points 1 year ago

Note that Kbin has a couple of colour variables set up in its CSS. The best way to colour your theme, is to use those (& override them).

Also, you’ll want a semi-colon after your lines, that way you can use more than one.

Div {height:100px; weight:100px;}

this post was submitted on 04 Jul 2023

4 points (100.0% liked)

/kbin meta

39 readers

1 users here now

Magazine dedicated to discussions about the kbin itself. Provide feedback, ask questions, suggest improvements, and engage in conversations related to the platform organization, policies, features, and community dynamics. ---- * Roadmap 2023 * m/kbinDevlog * m/kbinDesign

founded 1 year ago