[Will CParticipant]

I’ve noticed that the transparency for BG color that was in VC (Alpha Slider) is missing in Cornerstone. For example, if I wanted to make the text BG of a 1/3 part of a column grey, but transparent over a row’s imaged BG to make the text easier to read. Is this something that will be implemented in the future? What would be the CSS work around for now?

[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.

Thanks!

[Rob DParticipant]

In Cornerstone there is no Alpha option showing under the colour selection tool so it’s not easy to change the background opacity. This seems to be a cornershop design issue.

[Nabeel AModerator]

Hi Guys,

The CSS work around for setting the transparent backgrounds in cornerstone page is possible. For example if you’re using 1/1 section then you can set it’s background like this:

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

Hope this helps!

[cboterosParticipant]

Hello Theme.co

I’m also interested in the possibility to set opacity in a background, so it would be really great if Cornerstone could offer this already directly in the color-picker tool.

Now, about the workaround, I have a question, how do I identify (or set) the ID to the exact column/element I want to add this custom CSS? I see in your example and ID “.x-1-1” but I don’t know if:

A) this gets set automatically by X or…
B) This is possible to be set manually.

Either way I would need some guidance on how to:

A) Find out which ID has the column or…
B) How to set the ID for the column.

Thank you!

Carlos B.

[cboterosParticipant]

Nevermind! I already saw how to add and ID to the element 🙂

In case other people is having the same issue, it is just a matter of enabling “Adv. Controls” in Cornerstone settings, and from that point it is possible to add your own ID or class, then just write your custom CSS accordingly.

In fact, you can even put inline style to an element if you prefer.

[DarshanaModerator]

@cboteros … Thank you for sharing it with other members.

If anyone still not clear, once you load the Cornerstone refer to the following screenshot.

[griesinhoParticipant]

thx themeco… the “advanced controls” where the option I was looking for

[NicoModerator]

Glad to hear that.

Have a great day! 🙂

[MIke BParticipant]

The real question here is When Will You Add an Alpha Option To Cornerstone – identical to Visual Composer. I really don’t have the time to do custom CSS with IDs for such a basic function and I use semi-transparent backgrounds frequently. Let’s be serious here. Advanced controls and functions are for just that. Advanced, not basic like this. The purpose of an editor is to make it much easier than custom coding like this.

This omission alone is causing me to stick with Visual Composer for now. I’m MORE than happy to enter the RGBA code into Cornerstone for now – I don’t need the slider – but Cornerstone will not save that. It converts it back to hex at 100%.

Without a basic feature set that at least matches other editors, I can’t switch my websites and all of my clients over to Cornerstone (I have many of them). I know it’s just one feature, but I don’t want to continue to put more time into a learning curve to find out there are more issues. And I especially don’t want to waste the time to convert my client websites to Cornerstone only to discover shortcomings and then revert back to VC.

Let me be clear. The issue is almost less the omission. S** happens. It’s that there is no acknowledgement that indicates you agree with the above. I need Themeco to be in total agreement about an acceptable baseline for Cornerstone. The details count – all of them. The minimum is 100% of VC with the goal of exceeding it. Passing me off to a workaround posing as a solution is not acceptable.

[RadModerator]

Hi Mike,

Cornerstone is still on its early stage 🙂 , and there will be more. I agree about the color picker, but all I could do is forward your request.

It’s convenient to everyone, and maybe our developer think the same way. But maybe they are still looking for better way of implementing it. We can’t just copy VC’s coding 🙂

Thanks!

[Charles WParticipant]

Just designed a new on-page site which relies on semi-transparent Section background colors that reveal the page background image.

I typed “opacity: 0.7” in the Style box and everything looks great while in Cornerstone. When I save and look at the site, all section background colors are gone.

http://c75.4a5.myftpupload.com/

Maybe I should set the transparency for the entire page, instead of try to adjust it for each section?

This shouldn’t be that hard, right?

[Paul RModerator]

Hi Charles,

The background colors are showing up fine from here.

I checked on three different browsers.

http://screencast.com/t/qh4oHUQJzmg

Please clear your browser cache and check again or try checking on a different browser and computer.

Thanks

[CameleonQcParticipant]

This solution works well in the Cornerstone preview window, but the semi-transparent background doesn’t show at all in the browser after saving the changes. I cleared the cache, and tried IE and Chrome; no semi-transparent background at all…

I’ll have to use a screen capture to show you because I’m working on a dev website on my local server.

Click here to view screenshot

[John EzraMember]

Hi there,

Thanks for writing in! Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

– Link to your site
– WordPress Admin username / password
– FTP credentials

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

[Author]

Posts