Share your CSS and JS snippets here
Share your CSS and JS snippets here
Here's a place to share your little tweaks that you might think aren't big enough to warrant a full post, share away!
You're viewing a single thread.
Stylesheet tweaks
Change vote colors
/* Change vote colors to match reddit */ .vote .active.vote__up button { color: #ff8f65; } .vote .active.vote__down button { color: #9494ff; }Get rid of margins on left and right side to match layout of old reddit
/* Get rid of margins */ .kbin-container { max-width: none; }Make post creation UI wider
/* Make post creator wider */ .page-entry-create .container { max-width: none; }As someone very new to this, where does one add this?
First, install Stylus (chrome/edge, firefox), or Cascadea if you're on safari. Once you've done that, you can open the extension's menu and add a style for kbin.social. To do that in stylus, you just click on its icon, and then click on "kbin.social" under "write style for:". I'm not sure how it works in Cascadea but I'm sure it's a bit simpler.
That worked perfect, thank you!
Is there a way to implement the vote button colors in the custom CSS and JS inputs in the appearance section of the Magazine Panel?
If you add that to the custom CSS, it should work
I have this in the custom CSS:
#middle { background: url(https://karab.in/build/images/shape2.png); height: 100%; } .vote .active.vote__up button { color: #ff8f65; } .vote .active.vote__down button { color: #9494ff; }But only the background works. Is that how you intended or should it be in a #middle or something? The votes are just both still white. Does the site theme override it?
I think the site might be overriding it, try changing it to this:
.vote .active.vote__up button { color: #ff8f65 !important; } .vote .active.vote__down button { color: #9494ff !important; }Thanks, though unfortunately that didn't help either as far as I can tell. Appreciate it anyway
Based on what I've seen from others, it seems to not be working at the moment
Ahhhhh that would explain it. Excited to go ham once it's possible