I see the same issue with the default Color Scheme (I did not switch the scheme before).
Oddly, the background and the icon use the same --primary-low-mid color, and I can’t see any recent changes around that. 
2 Likes
Ok thanks for the report, I found the issue and it has been fixed.
1 Like
Hey guys. I’m using the Air Theme and would like to show the latest posts to the users on the homepage of the forum but Air Theme only shows the categories and there is also no latest activity post shown (like in the default theme).
How can I make it show both, the categories and the latest posts (right below the categories) on the homepage of mobile devices?
It may not be the cleanest way to do it, but add these lines in Desktop css
.topic-list-data.num.views {
display: unset;
}
td.topic-list-data.num.views {
display: flex;
order: 4;
justify-content: center;
align-items: center;
}
1 Like
Hi all, I just updated to the Air Theme. Love it by the way.
But I used to have a background image on the login screen using discourse-trendy-login but now I am using the Air Theme I can’t get the background image to show up. How do I change this? Thanks in advance.
Can you share a link to your site?
I think this should work for you:
.background-container {
display: none;
}
Please report back here if it does not.
1 Like
Hi Jordan,
I am experiencing an interesting effect with setting a Banner with image. It is stretching the image making it scroll horizontally.
While a onebox seems to respect the with.
The below shows the top bar of the banner scrolled to the right centering the cleaning sed and edit
I have tried different image sizes. In the topic user for the banner post displays fine. This also seems to affect YouTube boxes pulled at least using the RSS plugin. Have not tested with regular YouTube onebox.
How can I fix this? And is there a way with CSS to increase height of the visible banner?
Several people have asked about showing the subcategories in Categories page. This is about the Modern Category + Group Boxes component, but since it doesn’t have a topic of its own (right?) I’ll share my findings here:
This works:
/* Displays subcategories */
.custom-category-boxes:not(.above-discovery-categories-outlet) .subcategories {
display: inline-flex;
flex-flow: wrap;
}
.custom-category-boxes:not(.above-discovery-categories-outlet) .subcategory {
display: inline-flex;
align-items: baseline;
margin-right: .3em;
}
/* Removes the category images from the list */
.custom-category-boxes:not(.above-discovery-categories-outlet) .subcategories .subcategory .subcategory-image-placeholder {
display: none;
}
Also, if you have many subcategories, perhaps you want to show one category per row.
/* One category per row */
.custom-category-boxes:not(.above-discovery-categories-outlet) {
grid-template-columns: 1fr;
}
The result looks like this:
I think the boxes have a height limit but I haven’t found the way to remove it. We don’t have enough subcategories yet to see the problem on desktop, but we are hitting the limit on mobile:
Any ideas to solve this problem?
2 Likes
I have error responsive with this them by chrome and edge browser, with firefox is OK.
How can i fix it.
Tks you
Is there anyway to keep avatars at topic list on desktop in circle format? I checked on mobile it is in circle, but why square in desktop.
1 Like
Hi on my Air Theme the desktop avatars are circle as per mobile.
Do you have maybe a component that is changing the avatar to Square?
Edit according to Op post looks like should be square…
No, I don’t. I’m using Discourse default theme and Air theme. Discourse default is using circle format. If you look at another board images above, all of them are square.
And the avatars doesn’t look smooth.
1 Like
Might be able to use this theme-component to correct it.
2 Likes
Exactly what I need to use. Thanks so much!
1 Like
can someone tell me how to change the background of this theme?
Can you be more specific? There are a few places you can modify th background with a pic.
Hi @jordan-vidrine I have noticed in a couple of spots there is no container around the content.
I would prefer to bubble these elements. As it makes it hard to read when some text for example moves from white background to blue.
This is badges. But also does it in “Earned …”
I would prefer the bubble vs the straight say white column as I think it has a Nicer effect. This would also be good for other floating elements and even the modern category group headers.
1 Like
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
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
Hi everybody, I was just trying to add some custom CSS to this theme but the option is not there together with the other theme customization options. What am I missing?