Docs

[mbiggar]

Hello,

My site is digizumo.com

I want the header behind my logo to be transparent but it’s solid white and I haven’t been able to change this.

Please help.

Thanks

Matt

[Rue Nel]

Hi Matt,

Thanks for writing in! Do you want something like this http://prntscr.com/cm0a96?

If this is the case, please add the following css code in the customizer, Appearance > Customize > Custom > CSS

.x-boxed-layout-active .site,
.x-boxed-layout-active .x-logobar {
    border: none;
    box-shadow: none;
    background-color: transparent;
}

.x-navbar-wrap .x-navbar,
.x-boxed-layout-active .site > .x-container {
    background-color: #fff;
}

.x-boxed-layout-active .site > .x-container {
    margin: 0 auto;
    width: 100%;
}

We would loved to know if this has work for you. Thank you.

[mbiggar]

Hello,

This helps but can I set a % transparency?

Thanks

Matt

[Rue Nel]

Hello Matt,

You can have this code instead.

.x-boxed-layout-active .x-logobar,
.x-navbar-wrap .x-navbar,
.x-boxed-layout-active .site > .x-container,
.x-logobar, .x-navbar, .x-navbar .sub-menu, .x-colophon.top {
    background-color: transparent;
}

.x-boxed-layout-active .site {
    box-shadow: none;
    border: none;
    background-color: rgba(255,255,255,0.35);
}

Feel free to adjust the transparency of the background color.
Please let us know how it goes.

[mbiggar]

Thank you for your help

I’ll be able to use both of those.

Last question I have is on your x theme site the image in the background in a particular section is transparent.

I didn’t see an option with the image element to achieve this transparency effect.

[Rad]

Hi there,

You mean the logo transparency? It’s part of photo editing and you’ll have to make it transparent through that process, and then save it as png (eg. http://theme.co/media/x-home-main-cornerstone.png ).

Thanks!

[mbiggar]

I don’t mean the logo specifically I just want to know how to setup the background image to scroll at a different pace than the page and what elements to use to achieve the effects you have on the main x theme sales page.

As you scroll down several different backgrounds are used with text on top of them.

Not sure if I’m making sense here, thanks for your help.

[Joao]

Hi There,

Activate Parallax on your section backgrounds.

You will find the option just below the place where you select the background image of your sections on Cornerstone,

Hope that helps

Joao

[Author]

Posts