← All examples

Medium: softer card corners

Rounds the corners of images and avatars to give the interface a softer, modern look.

Code to copy

/* Softer rounded corners on cards, images and avatars */
article img,
img[alt*="avatar" i],
div[role="link"] img {
  border-radius: 8px !important;
}

How to use this example

1. Copy the code with the button above.
2. Install JustZix (2 minutes) and open the extension on the target page.
3. Add a new rule matching that page.
4. Paste the code into the rule's CSS panel and save — the effect appears instantly.