Air Theme

Theme
,
564

I’ve been able to make something amazing using this theme as a base. It’s much appreciated, OP. Love how versatile Discourse is.

The image is a screenshot of the Vice City: LIVE! subreddit homepage featuring a pinned post about the forum inviting fans to join and engage with discussions and news about Vice City, along with various options on the left sidebar for searching and viewing content. (Captioned by AI)
The image is a screenshot of the Vice City: LIVE! subreddit homepage featuring a pinned post about the forum inviting fans to join and engage with discussions and news about Vice City, along with various options on the left sidebar for searching and viewing content. (Captioned by AI)1920×898 80.6 KB

The image shows a forum page titled "Welcome to Vice City LIVE!" with a post and several discussion topics related to GTA 5 updates, framed by a nighttime cityscape backdrop featuring characters from the game. (Captioned by AI)
The image shows a forum page titled "Welcome to Vice City LIVE!" with a post and several discussion topics related to GTA 5 updates, framed by a nighttime cityscape backdrop featuring characters from the game. (Captioned by AI)1920×901 79.6 KB

7 Likes
565

If you could provide some tutorials on how you achieve such exquisite themes, it would be wonderful.

2 Likes
566

I just spent quite a bit of time playing and tweaking CSS and testing it with different screen sizes to make sure it was all responsive. You can learn a lot from the inspection menu in your browser (F12) and using the element picker tool (Ctrl + Shift + C on firefox, top left button on inspection panel), and see exactly what classes elements use, and from there you can make modifications to those classes as needed.

Outlets are also powerful to use, but they can be a bit confusing to navigate.

2 Likes
567

hi there - just installed the theme - 2 questions

  1. how do I change the ‘welcome to our community…’ headline and subheadline?
  2. Can I auto-sort by top replies?
1 Like
568

Goto your Theme component in admin. It is this component outline in the Op.

1 Like
569

Wasn’t that merged into core recently?

1 Like
570

There is a basic form of it. It looks like the component was renamed to Advanced Search Banner.

Not sure if the Air theme is using the component or core. The same with the light/dark toggle option was merged in core

Detail here for the component & core update

I imagine the Air theme is still using the component as it would if not mistaken require some updates to the Air theme for the banner mods and instructions to enable the banner in site settings

1 Like
571

that worked - thank you much - I removed the sub-header and the H1 is font-size 64px. How do I reduce that?

1 Like
572

I was looking at the common CSS in the GitHub link. Having a bit of trouble identifying element.

But if you can identify the element you should be able to create a custom component and use something like

font-size: 44px !important;

To override the H1 size in the banner.

If you have better CSS knowledge then myself you might have an easier time identifying the element. Try inspect element as I am using a mobile with the insoect element in a browser but it is not as good as using a desktop browser’s insoect element. You can test modifying size there.

Posting In the advance Search Banner topic asking how to change the H1 size you might also get some guidance on how to achieve it as well.

1 Like
573

Okay I haven’t tested this but give this a try create a new Theme component

Edit CSS Common and add this code. I was looking at the Air Theme source in GitHub

// custom search banner customizations
.custom-search-banner-wrap {
   h1 {
    Font-size: 44px !important; 
    }
}

The first section in the Air theme Common CSS has mods for the customer banner. So I was able to use that as a guide for the code above.

574

I can’t figure out how to display subcategories anywhere but the subcategory dropdown menu. Is there a way to have them show up on overview pages?

575

bonjour,
je cherche a réduire le nombre de caractères dans les résumés des sujets
je n’arrive pas à voir le paramètre
Merci

576

The image displays Arabic text announcing a real distance learning platform on YouTube to learn languages for free. (Captioned by AI)
The image displays Arabic text announcing a real distance learning platform on YouTube to learn languages for free. (Captioned by AI)1075×1231 103 KB

The image features a digital interface with Arabic text at the top that translates to "The phone is very expensive," accompanied by a search bar, a text input box with icons, and a drag-and-drop upload or interaction element highlighted in orange and green. (Captioned by AI)
The image features a digital interface with Arabic text at the top that translates to "The phone is very expensive," accompanied by a search bar, a text input box with icons, and a drag-and-drop upload or interaction element highlighted in orange and green. (Captioned by AI)1075×1814 116 KB

The image displays a user interface designed in purple and black with Arabic text at the top, promotional content in the middle, and an orange and green button at the bottom. (Captioned by AI)
The image displays a user interface designed in purple and black with Arabic text at the top, promotional content in the middle, and an orange and green button at the bottom. (Captioned by AI)1056×1766 128 KB

Subject: Issues with Air Theme on Categories Homepage (Admin vs Non-Admin View)

Hi

I am using the Air theme on my Discourse forum. My forum’s default homepage is set to display Categories. I’ve encountered a few display issues related to this theme in mobile view, specifically differences in layout and functionality depending on whether the user is an administrator or a regular user.

Here are the specific problems:

  1. Missing View Switcher for Admins: When logged in as an administrator, there is no visible button or control to switch between the “Categories”, “Latest”, or “hot” views on the homepage. The Categories view is displayed, but I cannot easily navigate to the others from this page.
  2. Invisible/Blank View Switcher for Non-Admins (Categories View): When logged in as a non-admin user, a button does appear below the search bar, seemingly intended for switching views. However, when the forum is in the default “Categories” view, this button appears as a large, empty rectangle with no text label indicating its function (e.g., “Latest”, “hot”). This makes it confusing for users. This issue does not occur when the homepage is already set to “Latest” or “hot” for non-admins; the button correctly shows the text for switching back to “Categories”.
  3. Different Category Box Width (Admin vs Non-Admin): The display box for category names and descriptions appears narrower when viewed as an administrator compared to how it looks for a non-admin user. This affects the layout and presentation of the category list.

I have attached screenshots illustrating these issues (Irrelevant parts of the images have been blurred or removed)

Has anyone else experienced similar problems with the Air theme, particularly when the default homepage is set to Categories? Any insights or potential CSS fixes would be greatly appreciated.

Thanks!