Docs

[DominicXXV]

Hello,

I simply want to make one page/section of my site transparent, so the background images show through. I searched the database and found the following code, which I inserted with no success.
page-id-63 .x-container-fluid.max.width.main:before {
background: transparent!important;
}

All other CMS’s I’ve ever used allows designers to simply select transparent in the color picker. How on earth does this one require custom coding for something so simple?

Anyway, here is the page http://www.glutenfreekeys.com/
I will post my credentials privately in a moment.

Thanks.

[DominicXXV]

This reply has been marked as private.

[Friech]

Hi There,

Thank you for writing in! Cornerstone has that feature too.

It lets you choose what background your section would have.

Your homepage has no background image set on it, so there is nothing to show through. Please clarify.

Thanks.

[DominicXXV]

Hi there,

It does indeed have background images, but the section with the content is white, so you can’t see all of it (see attached screen grabs).

Also, I already have the background of the section set as you have above, and it’s still 100% white.

Please help me get this accomplished, as I’ve been trying for a couple of days now!

Thanks.

[DominicXXV]

Here’s screen grab 1.

[DominicXXV]

And screen grab 2.

[DominicXXV]

Again, I just want the section/page to be 100% transparent, so that the background images set in WP show through. I want the content to lay on top of the images.

[Rue Nel]

Hello There,

Thanks for updating in! To resolve your issue and show the background image, please add the following css code in the customizer, Appearance > Customize > Custom > Edit Global CSS

.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;
}

Hope this helps. Please let us know how it goes.

[DominicXXV]

Thank you! I have no idea what any of that means, but it worked! 🙂

I am disappointed transparency for sections and pages can not be done without inserting code. There are going to be times I want to make sections a percentage of transparency (ie: 70% black), and having to get someone to feed me code to do something so simple is disappointing. Do you guys have plans of adding this functionality to your CMS in the near future?

Thanks again for your help!

[Rad]

Hi there,

It’s already there, you can add transparency through the color picker. There is a transparency slider in the color picker when setting backgrounds.

But please note that not all elements are meant to have background options, hence, if you really wish to implement background color to those elements then you’ll have to code it.

Thanks!

[DominicXXV]

Right. Not sure how I missed that transparency slider. Quick question then: Why was it necessary for me to enter code to make my homepage transparent? Why couldn’t I just use that transparency slider?

[Joao]

Hi There,

I guess you are talking about the transparency of two different parts of the website.

Do you need further help on achieving your goal with the slider and the background?

If yes please provide more details,

Thanks

[Author]

Posts