Air Theme

That’s great. Thank you.

1 Like

I am trying to change the background of the forum i created using the platform and I am unable to do that with the CSS codes shared in the thread so far. I am quite new to the platform so would be grateful for the help. I am trying to aim for a single color background for the forum, a greyish color. (https://forums.fugitives.com/)

Welcome. The blue part is set in .background-container :slight_smile:

html .background-container {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100vw;
    background: linear-gradient(90deg, var(--tertiary-hover) 0%, var(--tertiary) 100%);
    clip-path: ellipse(148% 70% at 91% -14%);
}

thank you. any way to change the weight and color of the font specifically? Also, is is to possible to achieve chat design like the one in the added screenshot.

Warm Regards and thank you for the help.

You can change fonts from /wizard/steps/styling.
You can change the text color by modifying the color palette from /admin/customize/colors.

I don’t know about the overall style from your screenshot, but for the vertical line, this could help: Line under avatar? - #2 by Canapin

1 Like

Error The theme is not responsive

And show empty space in each topic

2 Likes

Yeah it also seems to do sideways overflow on Meta here as you showed with the horizontal shifting. I find at times here the texts overflows outside of the boxes in topic lists. Typically iirc in suggested topics but also at times other areas.

1 Like

Any idea why I’d get a 502 error installing Air?

Graceful theme installed right away. This is a fresh install of Discourse.

1 Like

Do you get the same error every time you try to install this theme?

I do! I tried on multiple machines (edit: laptop and desktop, not different servers) as well.

1 Like

Do you see any error in the browser’s console and also in yoursite/logs ?

Logs…

Console - I’ve noticed the HTTP thing, fonts/favicon are borked and haven’t troubleshot that yet. [edit: turned on force https]

1 Like

Interesting. I have no idea at the moment. I can’t reproduce it on the latest or even your version.

For reference, you’re using Discourse 3.3.3.

By the way, is there a specific reason? The latest “stable” version is 3.4.0, and you installed Discourse two days ago. :thinking:

3 Likes

Good question :slight_smile: I am using PikaPods and they handle updates - I emailed them earlier. I was going to blame them on this too but the other theme installed no problem.

1 Like

Just wanted to share that I think this is a wonderful theme. Thanks, OP!

3 Likes

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


9 Likes

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

3 Likes

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

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

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

1 Like