Air Theme

theme
,
522

can someone tell me how to change the background of this theme?

523

Can you be more specific? There are a few places you can modify th background with a pic.

524

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.

The image shows a screenshot of a mobile device displaying a social media platform interface with a profile picture and accompanying name. (Captioned by AI)
The image shows a screenshot of a mobile device displaying a social media platform interface with a profile picture and accompanying name. (Captioned by AI)864×1920 167 KB

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.

525

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

Screenshot_20240813-222849
Screenshot_20240813-222849863×1582 171 KB

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
526

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?

527

Did you create a new theme component & add it to in this case the air theme?

You have seen my mods above. Are you trying to override parts of the theme settings or like my post above add mod/fixes?

528

Thank you Dan! I was able to figure out the adding a new component and then add custom CSS there.

1 Like
529

If you’re wanting to Override a setting. Use “!important”
Ie

.some-selector {
    padding-top: 2.5em !important;
{

Still learning myself. Discourse is quite diverse.

2 Likes
530

Thanks for the great theme. it all works. But I have the question how I can change the background image ?
Thanks for the help