The7 Buttons

You can configure default “The7 Buttons” widget settings in the Theme Style section of the same name (fig. 1). Specify general settings for all buttons sizes under General Buttons tab: colors, backgrounds and shadow.

Fig. 1. Buttons Settings.

Fig. 1. Buttons settings.

The rest of the tabs allow to configure settings for a specific button size (fig. 2.1):

  • typography;
  • paddings;
  • min-width and min-height;
  • border width, style, color and radius;
  • icons size and distance to the button title.
Fig. 2. Specific size button options.

Fig. 2. Specific (XS) size button options.

Button size can be chosen in “The7 Button” widget  under the Style tab (fig. 2.2):

Fig. 2.2. Button size setting.

Fig. 2.2. Button size setting.

Most of these Theme Style settings are also applied to the default Elementor “Button” widget.