Docs

[brandtz]

Hi support,

I have a need for the topbar to be transparent.

I use the Renew, boxed layout …

And yes have been surfing the forum without any luck…

Tried this below, but it gives me a transparent background on the content too… I need only the topbar to be …

x-boxed-layout-active .site, .x-topbar {
background:transparent!important;
}
.x-boxed-layout-active .site > .x-container-fluid {
background-color : white!important;
}

Can you guide me in the right direction?

Best/brandtz

[Paul R]

Hi,

You can add this under Custom > Edit global CSS in the Customizer.

.x-topbar {
   background-color:transparent !important;
}

If that doesn’t help, please provide us your site url so we can take a closer look.

Thanks

[brandtz]

This reply has been marked as private.

[Paul R]

Hi,

Please change code to this.

.site,
.x-topbar {  
    background:transparent;
}

.x-main {
  background-color:#fff;
}

Hope that helps.

[brandtz]

Hi again

Well, almost…. in a sense…

On My regular Pages, it works fine, but on My category Pages the content bagkground and the sidebars turns transparent!

[brandtz]

I Think i nailed it with this:

body.archive.category .site {
background-color:#fff;
}

[brandtz]

Well, Nope….. to early..

Hm….

[Friech]

Hi There,

Replace your css code with this:

body.archive .x-container.offset {
	background-color: #fff;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    padding: 2.75em 4%;
}

Hope it helps, Cheers!

[brandtz]

Yes! It rock’s now ….thank you for your time and help!

Best/brandtz

[Thai]

You’re most welcome 🙂

If you need anything else please let us know.

[brandtz]

Hi again,

Well, “funny”… on my post-pages the content bagkground and the sidebars turns transparent!

Can we call them too via css?

[Lely]

Hi There,

Please update this:

body.archive .x-container.offset {
	background-color: #fff;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    padding: 2.75em 4%;
}

To this:

body .x-container.offset {
	background-color: #fff;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    padding: 2.75em 4%;
}

Hope this helps.

[Author]

Posts