Docs

[mikerayjones]

I am developing a site at http://flowerpod.reachuk.org/ which will replace the live site at http://www.flowerpod.org/. My client would like to retain the transparency of the live site, so that the “torn edges” and the central paper texture on the background image are visible. I can’t get transparency working though. I’ve tried various solutions from the forum, but no joy.

Also, I need the background width to remain fixed in relation to the site as the browser width changes (again, as it is at the current live site); how can I achieve this?

I’m using WordPress 4.7, X 4.6.4 (with child theme) and Cornerstone 1.3.3.

Thanks
Mike.

[Christian]

Hey Mike,

We could help you with the transparency. Please add the code below in your Appearance > Customize > Custom > Global CSS

.x-boxed-layout-active .site {
    box-shadow: none;
}

.x-logobar, .x-navbar, .x-navbar .sub-menu, .x-colophon.top {
    background-color: transparent;
}

body {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    color: rgb(132,132,132);
    background-color: #f3f3f3;
    background: url(//flowerpod.reachuk.org/wp-content/uploads/2015/11/bkgrd.jpg) repeat-y;
    background-size: 1980px;
    background-position: center 0;
}

In Appearance > Customize > Layout and Design, set the background color to transparent (see attachment) and remove the background image (to achieve the effect you want, the CSS code above is needed for the body).

After that, ensure your sections don’t have a background (see attachment)

http://imgur.com/a/EL0MT

If you need further customizations, you might want to contact our trusted partners who caters X setup and customization needs. Please see https://community.theme.co/custom-development/

Thanks.

[mikerayjones]

Thanks for the quick response – really appreciated.

I’ve made the changes as advised. The fixed width issue is resolved – cool!

The transparency is still not right, however. the masthead is still solid white, not sure why; and although I’ve removed the color from the section below the slider on the homepage, it’s also still white.

Looking forward to hearing from you – thanks again.
Mike.

[Christian]

Sorry, missed this bit to be added in Appearance > Customize > Custom > Global CSS

.x-boxed-layout-active .site, .page-template-template-blank-4-php .x-main, .page-template-template-blank-5-php .x-main, .page-template-template-blank-6-php .x-main, .page-template-template-blank-8-php .x-main {
    background-color: transparent;
}

Thanks.

[mikerayjones]

Wonderful – almost there!

Is it possible to override the transparency for submenus and for selected sidebars?

Thanks
Mike.

[Christian]

In the previously provide code:

.x-logobar, .x-navbar, .x-navbar .sub-menu, .x-colophon.top {
    background-color: transparent;
}

Remove .x-navbar .sub-menu, so what would be left is

.x-logobar, .x-navbar, .x-colophon.top {
    background-color: transparent;
}

Could you give us more details regarding selected sidebars?

Thanks.

[mikerayjones]

Thanks re the sub-menu (sorry for asking this dumb question!).

Re the sidebar: Under Appearance > Sidebars I’ve added one called “sponsors-logos” which displays in the footer below ‘widget-areas’ via wp-footer.php: I’d like this to have a solid white background.

Thanks again
Mike.

[Christian]

Please add the code

.su-row {
    background: white;
}

Further customizations from here would be getting into custom development, which is outside the scope of support we can offer. If you need more in depth changes, you might want to contact our trusted partners who caters X setup and customization needs. Please see https://community.theme.co/custom-development/. X is quite extensible with child themes, so there are plenty of possibilities.

Thanks for understanding.

[Author]

Posts