Docs

[newskywebsites]

Hi there, I’m trying to recreate this site in X theme as close as possible to this: http://www.vitalandgreen.com/

I have this so far: http://vitalgreen.newskywebsites.com/

I’m using the Renew stack for now (can switch if you recommend). How do I make the top elements semi-transparent? I tried making the color semi-transparent – ie. rgba(26, 94, 1, 0.25) But that’s not doing the trick.

The logo is text only. I’d like the background color behind the logo and top nav to be semi-transparent.

Using latest version of everything…

Thanks!
Dawn

[Jade]

HI Dawn,

Please use this code:

.site {
    background-color: transparent;
}

.x-topbar {
    background-color: rgba(135, 172, 122, 0.8);
}

.x-logobar {
    background-color: rgba(220,227,217, 0.8);
}

.x-navbar, .x-navbar .sub-menu {
    background-color: rgba(220,227,217, 0.8) !important;
}

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

Hope this helps.

[newskywebsites]

That worked perfectly! Thanks!
Dawn

[Nico]

Happy to hear that.

Feel free to ask us again.

Thanks.

[Author]

Posts