Air Theme

Since EditCategoryGeneral has been moved to admin/ , the theme throws this error when you view it as a non-admin.

[THEME 2 'Air Theme'] "component:edit-category-general" was not found by modifyClass

3 Likes

Good catch! I will work on a fix for this.

1 Like

What are you visiting to see this error appear? I am visiting my local instance as a non admin and not encountering this issue.

I see it on every forum that has the Air theme, both 2026.1 and tests-passed as of today.
Example https://playground.staging.communiteq.com/

1 Like

Ahh ok, thanks for the clarification. I will address this but it is good to know the theme is not broken because of it.

1 Like

I should have worded that more carefully, sorry!

1 Like

I just tried Air again and really like it, actually. I just have one (big) issue, and I don’t know if it’s a theme issue or a setting issue. The avatar on the left is the one of the latest comment, not the person having created the topic. Is there a way to change that?

1 Like

Bug Report
Background of static ā€œGuidelinesā€ page ist transparent and distorted, but only for registered non-staff members in mobile view.
Per my analysis the class ā€œstatic-guidelinesā€ ist missing in mobile.scss:15 (exception list)

This might be caused by the rename of faq to guidelines.

I was unable to override this behavior. The custom CSS below does not work. Please advise for a quick fix.

.static-guidelines #main-outlet {
    background-color: var(--secondary);
}

Bug Report
Background of Groups page is transparent, but only for registered non-staff members in mobile view.

This makes it hard to read in top (blue) section.

Yes, that’s exactly it. I think he wanted to show the last person to reply because we don’t have much info on the tile. This theme is really nice. I rebuilt my theme starting from the Air theme. I’m curious if we can do the same for changing the avatar.

Great, I found it if it’s still relevant :sweat_smile:

Create a new component and paste this file

.topic-list-body .topic-list-item .topic-list-data.posters {
display: flex !important;
justify-content: center !important;
align-items: center !important;
padding: 0 !important;
width: 7% !important;

a:first-child {
display: flex !important;
margin: 0 !important;
padding: 0 !important;
width: 100% !important;
justify-content: center !important;
align-items: center !important;

.avatar {
  margin: 0 !important; 
  display: block;
}

}

a:not(:first-child) {
display: none !important;
}
}

.mobile-view .topic-list-data.posters {
width: 45px !important;
}

There you go :wink: