Docs

[WPH2o]

Hello,

This is a general theme question, not related to any specific site.

On several sites I set a background image.

When I use a box layout, the background image is seen on both sides.
And at the bottom of the pages the background is completely visible.
It looks awesome.

I want to do the same thing on TOP of the site.
I want the site title and menu to be about 120px (or whatever px).

The end result would be a true boxed site, where the entire site, header and footer, would appear to be floating on top of the background image.

I’ve tried using CSS opacity and transparency on several top of the page elements and I can never get the top of the page clear so that the background image is visible at the top.

You guys are design rock stars. How would you accomplish this?

Thank you,

Chris

[Christopher]

Hi there,

Please add following code in Customize -> Custom -> Global CSS :

.site, body .x-navbar, .x-colophon {
    margin: 0 auto;
    background-color: transparent !Important;
}

Hope that helps.

[WPH2o]

WOW!

This worked.

It’s patchy, with odd spots having no bg and others with it

This gave me the CSS start I needed to start.
Now I’m tracking down the pieces, and backfilling color in areas.

Thank you.

Chris

[Prasant Rai]

You are most welcome. 🙂

[Author]

Posts