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

description	custom property
Shadow strength in light mode	--o_shadow-strength-light
Shadow strength in dark mode	--o_shadow-strength-dark
Shadow strength	--o_shadow-strength

strength 0%strength 25%strength 50%strength 75%strength 100%

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%;
}

Tip

You typically want to set a relatively low value for the shadow strength in light mode, something less than 10%. While in dark mode you can use a higher value, something between 50% and 90%.