Hi

Thanks for contacting us and sorry for your issue. Yes, you can solve it via custom CSS. Are you talking about this portion?

-Regards.

Hi

Use this CSS in your custom.css file and modify the shadow to your desired setting.

#sppb-dynamic-content-df838226-36ea-4a12-8828-f309e38e9a75 > .sppb-dynamic-content-collection__item{
      box-shadow: 5px 5px 10px 0px rgb(89 151 179 / 50%) !important;
}

I think you are missing my point. The Shadow Box is just one example of where you can't use the color library with a transparent color. The Image Overlay button color settings are another. What is the right way to reference the color library variable (for a color with transparency) in CSS such that the color is not hard coded?

Transparency does not work from settings if using a solid library color. And you can't select a library color that has transparency from the picker. Can you provide an example of how to reference a color library variable in CSS? I don't need you to write my CSS, but not sure how to reference library variables in CSS. Thx

You can follow these links below:

https://www.joomshaper.com/blog/which-line-of-css-i-have-to-edit-code-inspector-in-action

https://www.joomshaper.com/documentation/helix-framework/customization-tips

The ability to use Library Colors with many of the transparency settings in multiple add-ins should be a feature request, or at least as it stand now is a bug. Putting in special CSS defeats the purpose of the Color Library.

I will add it to our feature request list, so that our DEV team can take care of it.

Just be clear, you can have a library color with transparency. The problem is that in many places, e.g. Box Shadow, you cannot use it.