Title/Content Background Color on Ethos

Support
#1

Hello how do i change the Title and Content Background Colors on Ethos?
i want to change the White to something else
Screenshot: http://prntscr.com/jbniga

Please help :slight_smile:

1 Like
#2

Hi there,

Thanks for writing in.

May I know which page is this? I couldn’t find it as I can’t translate the image.

Thanks!

1 Like
#3

hi rad,
funnily enough i have the same question and this was the only topic i could find which refers to this.
this is my site: https://genius.iturtle.eu
same question. i did this already on my own with “icon” but with “ethos” is just does not seem to work.
i also want a transparent rgba color so that the background picture will be visible by 10% or so.
like this:
.x-container.max.width.main {
background: rgba(255, 255, 255, 0.5);
}
also the sites preview does still not live-update when changing global css in the customizer.
thanks a million! kai

1 Like
#4

Hey Rad

Here is the link to the page
https://shofar-messiah.com/?s=חיפוש

#5

Hey @angelofgod,

To change the background color, please go to X > Theme Options > Layout & Design > Background Options. You will find the color picker for the background color in that option setting. And if still it does not change the background color, you might need the custom css below.

@iTurle:
To resolve your issue, please make use of this code:

.x-boxed-layout-active .site, 
.x-boxed-layout-active .x-site,
.x-container.main:before {
    background-color: transparent;
}

Feel free to change the background color.

1 Like
#6

Amazing! Thanks! it worked!

#7

You’re welcome!
Thanks for letting us know that it has worked for you.

1 Like
#8

hi rue! thanks a lot! the css does make the backgroud transparent. great!
even the rgba works now (tip for @angelofgod :wink:

.x-boxed-layout-active .site,
.x-boxed-layout-active .x-site,
.x-container.main:before {
background-color: rgba(255, 255, 255, 0.7) !important;
}

btw: it would be nice to have a setting for the footer background color in the theme! maybe for a future update?!

have a great day! kai

1 Like
#9

Thanks for your feedback, Kai. Ethos’ bottom footer gets its background color from the Topbar background color option. That is Ethos’ design. And, here is the design info:

Ethos is a magazine-centric design that works great for blogs, news sites, or anything else that is content heavy with a focus on information. Customize the appearance of various items below and take note that some of these accent colors will be used for additional elements. For example, the “Navbar Background Color” option will also update the appearance of the widget titles in your sidebar.

I will post your feedback as feature request though. Maybe our development team might consider this in the future.

Thanks.

1 Like
#10

hi christian,

thanks a lot! works great. cool info :wink:

best wishes, kai

1 Like
#11

You are most welcome!

1 Like
#12

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.

#13
#14

Hey Kai,

I opened the topic but I recommend you open a separate thread so we could ask for credentials when we need to. You could also post a link to this thread for reference.

Thanks.