Adding shadows to main elements / widgets

With Gecko Customizer it’s very easy to add a shadow effect to main elements and widgets. Global shadows settings are located in Gecko Customizer -> Appearance -> Shadows

Examples are shown below:

Different effects can be accomplished by changing the Global shadow color and modifying the colors with color picker slider / color transparency slider.

Next example is with the increased color transparency:

Effects can be fine-tuned with the use of the following sliders:

  • Global shadow distance
  • Global shadow blur
  • Global shadow thickness
What are your feelings
Updated on October 2, 2023