[anthonytkimParticipant]

Working through cornerstone, I can’t seem to make the section background transparent. I have a background image for the page and I want to make the section transparent so that only my content is visible above the image.

Additionally, I’m noticing that even if I change the color on the section background, it doesn’t update. Anyone having similar issues?

[anthonytkimParticipant]

Figured it out: Just switched my theme to Integrity from Renew

[ThaiModerator]

Glad you’ve sorted it out.

[T RParticipant]

Well, I’m having the same issue and I am using Integrity. What do I do the make the sections/columns/etc transparent since I’m using an image on the background of a particular page?
Thx

[Rue NelModerator]

Hello There,

Thanks for updating the thread! You can simply edit your section and remove the background color if you have added any. By default the section, rows and columns has a transparent background.

To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

Thank you.

[jameskatzParticipant]

I want to make the entire section transparent, meaning that whatever text or button I drop n will be the only thing visible with no white container at all. Is this possible with cornerstone?

[FriechModerator]

Hi There,

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

Cheers!

[jameskatzParticipant]

Thank you, my URL is http://www.stepstorestoration.org

Where do I get notifications that there is response to this thread?

[RupokMember]

Hello @jameskatz

Thanks for updating! We are not sure which section you are trying to make transparent. Would you please clarify it a bit by adding some screenshots?

Ad you can subscribe the thread to get notifications (See top right of the thread to Subscribe).

Thanks

[jameskatzParticipant]

Maybe I can clarify. When you make a row, it is a white rectangle. You can then add elements into it like text and buttons, call to action. But, it is all contained within the white rectangle which obstructs my background image. I have seen no way to make the sections transparent.

[Nabeel AModerator]

Hi again,

You can try adding the following code in your Customizer via Appearance > Customize > Custom > CSS:

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

Let us know how this goes!

[jameskatzParticipant]

That didn`t work. It only prevents me now from being able to select any color for the section background. Here is the URL to the example I am working on. http://www.stepstorestoration.org/home/ I want the button and the text to be the only thing visible and not the section container. Pure text and button against the site background.

[LelyModerator]

Hello There,

You may add the following CSS. This will override the default white background color of the integrity content container:

.entry-wrap {
  background-color: transparent;
  box-shadow: none;
}

And then you may now remove this custom CSS:

#x-section-1 .x-1-1 {
  background-color: rgba(24,215,190,0.3) !important;
}

Please also remove the border for your section and you will now achieve the design you wanted.

Hope this helps.

[jameskatzParticipant]

That did the trick, thank you so much ! 😀

[FriechModerator]

We’re delighted to assist you with this.

Cheers!

[Author]

Posts