에어 테마

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. :thinking:

2개의 좋아요

Ok thanks for the report, I found the issue and it has been fixed.

1개의 좋아요

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?

Hello everyone, is it possible to show how many people viewed the topics?

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개의 좋아요

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개의 좋아요

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개의 좋아요

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개의 좋아요

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개의 좋아요

#customization:theme-component를 사용해 수정할 수 있을 것 같습니다.

2개의 좋아요

Exactly what I need to use. Thanks so much!

1개의 좋아요

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개의 좋아요

에어(Air) 테마의 온라인 사용자 위젯을 지원하기 위한 커스텀:플러그인

커스텀:테마-컴포넌트 생성

공통 CSS를 편집하고 다음 코드를 추가하세요.

// 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);
}

에어 테마에서 컴포넌트 활성화

결과: 이전에는 배경색이나 테두리가 없어 보기 어려웠습니다.

이러한 문제가 있는 몇 가지 영역을 수정하고 싶습니다.

예시는 이전 게시물에 나와 있습니다.


편집: 글로벌 배너에 대한 추가 수정 문제

글로벌 배너 사양에 대한 추가 정보:


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

이 코드 스니펫을 제공해 주신 @awesomerobot님께 특별한 감사의 말씀을 드립니다.

1개의 좋아요

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?