Docs

[Peter Fae]

Hey. Okay, so … there’s an issue with backgrounds in Ethos for me.

If I turn a background in a page/post ON, the container for the content becomes transparent, which is awkward, visually. Example –> http://intothemythica.com/core/the-world-tree/

Yeah, this isn’t what I want. I want the main body of the post to be white, but then to have the background show through in the semi-transparent header and footer. See the main page for example –> http://www.intothemythica.com

See how in the upper-left corner, the LOGO can be seen? (which is white).

Yet in another example, the logo, in a non-background page (defaulting to white) becomes invisible at the top. Example –> http://intothemythica.com/core/yogas-of-change-techniques-to-change-your-reality/

Essentially it’s like this. When I choose Fullwidth, or Container/No Container, etc. in page dropdown the container is transparent and the background shows through which is not what I want.

If I just leave it as-is and the background defaults to white, my logo is invisible at the top.

I like the way it looks on the main page, where the black and white background is seen in the header and footer nicely yet the content area is white. I’m not exactly sure why it’s working on the main page but has issues when I put a background in the post/page sections of other parts of the site.

Thanks!

[Christopher]

Hi there,

Both home page and http://intothemythica.com/core/the-world-tree/ are identical, I cant find any difference. Please provide us with screen shot.

In regards with posts pages, please add background image to single posts page and insert following code in Customize -> Custom -> CSS :

.x-container.main:before {
    background-color: transparent;
}

Hope it helps.

[Peter Fae]

So I put that code in, and this is what happened –> http://intothemythica.com/core/characters/

This is not what I want. What I want is more like this –> http://intothemythica.com/world-of-the-mythica/6743/

Though i’m not sure why it’s so inconstant. What is causing this? What was that code supposed to do?

Addendum:

Okay. I see I can alleviate it by changing background colour of the SECTION. example –> https://cl.ly/1X1L2T0A2O1K

However, I don’t want to do * every * post in Cornerstone and would like the container of regular posts (non-Cornerstone) to default so that they are white and I can use a background.

Does that make sense?

[Christopher]

Hi there,

This URL http://intothemythica.com/world-of-the-mythica/6743/ doesn’t work anymore, please check it.
For now please remove following code and check this page http://intothemythica.com/core/characters/ again.

.x-container.main:before {
    background-color: transparent;
}

Thanks.

[Peter Fae]

same result.

http://intothemythica.com/core/characters/

[Friech]

Hi There,

Please update the code to this:

.single-post .x-container.main:before {background-color: transparent;}
.single-post .x-main.full {background-color: #fff;}

The first line will make the white background transparent. The second line will add a white background to the content container only.

Hope it helps, Cheers!

[Author]

Posts