Category Banners

Theme component
,
235

Can fix with some CSS

Create a new theme-component add this to common css

// Who's Online Customization
.discovery-list-container-top-outlet.online_users_widget {
      margin-top: 0.75em;
      margin-bottom: 0.75em;
      padding-top: 0.5em
      padding-bottom: 0.5em;
}

You can also add custom background color, borders etc…

2 Likes
236

Thank you so much!

2 Likes
237

Optionally if you want to highlight this like so

The image is a screenshot of a web browser's address bar showing the address "http://www.image1.com." (Captioned by AI)
The image is a screenshot of a web browser's address bar showing the address "http://www.image1.com." (Captioned by AI)864×208 15.3 KB

Use this code instead

// Who's Online Customization
.discovery-list-container-top-outlet.online_users_widget {
      padding-top: 0.45em;
      padding-bottom: 0.05em;
      background-color: var(--secondary);
      border: 2.0px solid rgba(var(--primary-rgb), 0.2);
      border-radius: 0.65em;
      margin-top: 0.75em
      margin-bottom: 0.75em;
}
  • Margin adjusts space above & below “who’s online”
  • padding increases space with in the border box. Border adjusts the thickness of the border outline.
2 Likes
238

Slightly off-topic, but what pair of fonts is this @bekircem ? I love how they work together!

1 Like
239

I have a small feature request that I feel would make a big improvement to this component. I would love to have a “Read more…” link which is linked to the category description. A very elegant solution to have a lengthy description without cluttering up the category’s page. I can add this link manually, but then it shows on the Categories page which isn’t very clean.

3 Likes