Crumb
c/kbinStyles · by Limitless_screaming@kbin.social · 2y

KoolBin - clean userstyle that puts more focus on the images

https://userstyles.world/style/10315/koolbin

  • Cleaner look for KBin
  • Bigger images in "article" elements
  • Reddit like posts, and more colorful elements
  • Rounded corners everywhere.

looks better with the "kbin jasper" color theme

6 points · 4 comments · view on lemmy.world

4 Comments

minnieo@kbin.social · 2 pts · 2y (3 replies)

THIS LOOKS SO NICE!!

Limitless_screaming@kbin.social · 2 pts · 2y (2 replies)

Thanks. I will try to break it into smaller userstyles like yours later.

minnieo@kbin.social · 2 pts · 2y (1 reply)

im back randomly a month later to say i added these lines:

`div.no-image-placeholder {
display: none;
}

div.content.short-desc {
margin-top: 10px;
}`

so that text posts look better by removing the no placeholder image. now its perf :3. see attached image

Limitless_screaming@kbin.social · 1 pts · 2y

I've tried this before, but I prefer keeping the placeholder for consistency. Without it these posts look very small compared to the image posts, but I could add it as an option later.

There's also the margin: 10px; on .entry figure elements, I cannot decide if it looks better with margin: 10px 0; so that images can extend closer to the edge when they have the right aspect-ratio.