Button Config

The4.The setting will apply to all the sections that have the Button color or Button label options in the theme as Featured Collection section, Text Columns With Image section, About Us section, Image With Text section,... You can go to the Sections Sidebar > Button Configs and configure it.

Please follow this video below for details:

1. Settings

  • Font-family: There are 3 types of font families. You can select one of them (the fonts that you have selected from the Typography section).

  • Font-weight: Defines the thinness or thickness of a font. The ranges are 100 to 900. Normal font is 400, 700 is bold.

  • Border-radius: Set the border-radius to control button roundness. It works only with the default button style and outline.

  • Button hover 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. 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.

Please follow this video below for details about the Custom color 1 & Custom Color 2:

Note: This section does not work with the custom button that can be added as a block from the Slideshow section, Banner section, or Custom section. Because with the buttons on these sections, you can change the size, font weight, and color as you want.

[Private Offer] EComposer Partner Plan

Exclusively for Kalles 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 Kalles 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 “Kalles+EComposer” to upgrade for free

Cheers, The4.

Last updated