Button Config

The setting will apply to all the sections that have the Button style, Button color or Button size options in the settings.

Example: Tab Collection section.

You can go to Admin tools -> Go to configs page -> Sections Sidebar -> Button Configs and configure it.

1. Settings

• Hover button effect: Set the effect for the button on hover. It's only shown here to preview, not set for all site buttons. This effect only works with the button style default, outline.

2. Button size

We provide Three button size blocks as:

• Block size #1

• Block size #2

• Block size #3

With each block you can adjust many options like: Font family, Border width, Font size, Font weight, Letter spacing, Min height, Padding left/right for Desktop, Tablet and Mobile devices.

3. Custom Color button

The Button config section only supports 2 custom color blocks. From here, you can custom button color as you want

Custom Color 1:

Helps you configure the style of the button with options for Primary color, Secondary color, Primary color hover and Secondary color hover.

Custom Color 2

Helps you configure the style of the button with options for Primary color, Secondary color, Primary color hover and Secondary color hover.

[Private Offer] EComposer Partner Plan

Exclusively for Gecko users, you can get EComposer - Theme Partner Plan for ZERO and start making beautiful, high-converting store pages today:

• FREE 100% EComposer Standard plan for 6 months (save you $114)

• Build ANY Shopify pages: Landing page, Sales Funnel page, Lead pages, & other custom pages tailored for your marketing campaigns.

• Create advanced sections & add to Gecko with ease

• Save up to 50 pages/sections

• 100+ professional, stunning pre-designed templates

• Anyone can build pages with live drag-drop editor

How to claim offer: Install EComposer HERE. Then open chatbox icon in EComposer dashboard and leave a message with subject “Gecko+EComposer” to upgrade for free

Cheers, The4.