Air Theme

Theme
,
525

Mod for Air Theme support who’s online plugin

Create theme-component

Edit common CSS and add this code

// Whis Online Customization
.discovery-list-container-top-outlet.online_users_widget {
      display: flex;
      padding-top: .38em;
      background-color: var(--secondary);
      border: 1px solid rgba(var(--primary-rgb), 0.2);
      border-radius: 0.65em;
      transition: box-shadow 100ms ease-in-out;
      box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.05);
}

Enable Component in air theme

Result previous this displayed without background color or border making it hard to see read

Screenshot_20240813-222849
Screenshot_20240813-222849863×1582 171 KB

There are a few areas would like to fix up that have this issue.

Example shown in my previous post.

EDiT New additional fix for Global banner problem

Additional info on Global Banner Specs:

//global banner image fix
#banner img {
    width: 100%;
    height: auto;
}

Special thanks @awesomerobot for providing this code snippet

1 Like