Skip to content

Custom Shadow Strength

The button has a default shadow strength of --o-shadow-strength-light in light mode and --o-shadow-strength-dark as they are defined in you plugin dashboard. You can change this value by using the following CSS custom property:

The expected value is a percentage between 0% and 100%.

descriptioncustom property
Shadow strength in light mode --o_shadow-strength-light
Shadow strength in dark mode --o_shadow-strength-dark
Shadow strength --o_shadow-strength
Custom shadow strength site wide
.o-btn {
--o_shadow-strength-light: 50%;
--o_shadow-strength-dark: 50%;
Custom shadow strength modifier class
.o-btn-fancy {
--o_shadow-strength-light: 100%;
--o_shadow-strength-dark: 100%;