Buttons & Inputs
The Buttons & Inputs section controls the visual style of all theme-generated buttons — WooCommerce buttons, Read More buttons, form submit buttons, and shortcode buttons. Find it at Appearance → Customize → Buttons & Inputs.
This section requires an active license. If you do not see it in the Customizer, activate your license at Appearance → Tabule → License.
Button settings
| Setting | Default | Description |
|---|---|---|
| Background color | #6f8e1d | Default button background. |
| Background color on hover | #5e7919 | Background when the button is hovered. |
| Text color | #FFFFFF | Button label text color. |
| Text color on hover | #FFFFFF | Button label color on hover. |
| Border radius | 0 px | Range: 0–100 px. Set to 50 for pill-shaped buttons. |
| Padding top / bottom | 10 px | Vertical padding inside the button. |
| Padding left / right | 16 px | Horizontal padding inside the button. |
| Enable box shadow | Off | Adds a drop shadow to buttons. |
| Box shadow color | rgba(0,0,0,.45) | Shadow color (visible only when box shadow is on). |
Which buttons are affected
These settings apply globally to:
- Theme-generated Read More buttons on archive pages
- The
[tbl_btn]shortcode when no custom colors are specified - WooCommerce "Add to Cart," "View Cart," and "Proceed to Checkout" buttons
- Form submit buttons (comments, search)
Per-button color overrides
The [tbl_btn] shortcode accepts color_bg and color_text parameters that override the global Customizer settings for individual buttons. See the Button shortcode article for full details.