[PanInternationalParticipant]

Hi,

Is it possible to change shadow’s color?
I have the code (x-column-shadow) in the class field for a simple box (column).

Thank you

[Rue NelModerator]

Hello There,

Thanks for writing in! Yes you can set any color as your shadow. Please check out these links:
https://www.w3schools.com/css/css3_shadows.asp
https://css-tricks.com/almanac/properties/b/box-shadow/

Hope this helps.

[PanInternationalParticipant]

Hi Rue,

Thank you for your reply.
Glad to know its possible, but I am not sure how is that suppose to help if I mentioned the Cornerstone (Class field) where I add the code (x-column-shadow). The links you share are giving CSS solutions, not Cornerstone. (at least that’s what I think)
Is the code x-column-shadow-red?
How do I add the code, using only cornerstone?

Thank you

[FriechModerator]

Hi There,

You have the class declared on the Custom CSS on Customizer right? And it has a line that is box-shadow. Something like this;

.x-column-shadow {
box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
}

Well the rgba(0,0,0,0.75) there is the color value. You can look for the other color value here: http://www.december.com/html/spec/colorrgbadec.html

Hope it helps, Cheers!

[PanInternationalParticipant]

Hi,

Thank you for your reply.
I copied that code and pasted in the Cornerstone Class field, but didn’t work.

I meant a code that would work on that specific field.

Thank you

[FriechModerator]

Hi There,

This is a CLASS declaration:

.x-column-shadow {
box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
}

You should have this on the Custom CSS on Customizer.

And you only need to put the class name x-column-shadow on the class field.

This is the STYLE:

box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);

You can put that directly on the style field.

Use class if you’re planning to apply this shadow on multiple sections.

Hope this shed some lights, Cheers!

[PanInternationalParticipant]

Hi,

Maybe it’s something on my side but that didn’t do the trick.

Thank you anyway

[FriechModerator]

Hi There,

Well in that case, please provide us the site URL and point us the section where you applied the shadow.

Thanks.

[Author]

Posts