The setting will apply to all the sections that have the Button style, Button color or Button size options in the settings.
Example: Featured Collection section.
![2023-05-09_11-25-23.gif](https://helpdesk.the4.co/storage/203/fuxHp3CduffAzeXc3Bhcy3Z2ByzXJKn9liQbgiap.gif)
You can go to Admin tools -> Go to configs page -> Sections Sidebar -> Button Configs and configure it.
1. Button Config
You can adjust Font family, Font weight, Border radius, Other corner radius.
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.
![2023-05-09_11-29-42.gif](https://helpdesk.the4.co/storage/204/QSEPH8vUc8EnZUySicIWUuHds56SW14te3qFUoNo.gif)
2. Custom Color
The Button config section only supports 2 custom color blocks. From here, you can customize the button color as you want.
Step 1: Go to Button configs > click Custom color 1 to config the color.
There are some options for Primary color, Secondary color, Primary color hover and Secondary color hover.
![2023-05-09_14-39-52.gif](https://helpdesk.the4.co/storage/214/3EwMBL5HiWmeZ1KBprsIukftlvZBA0gxGzAFAMv7.gif)
Step 2: From the section you are using > choose 'Button color: Custom color 1'. Example:
![2023-05-09_14-37-20.gif](https://helpdesk.the4.co/storage/213/RopJ0hLmA02wOd6yHWOd5UDkwsI9j1VlTkApP6S4.gif)
3. Button size
Button size block is available on Unsen and Gecko theme. Not for Kalles.
We provide Three button size blocks as:
Button size #1
Button size #2
Button 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.
Step 1: Go to Button configs > click Button size #1 to config the color.
![size2.gif](https://helpdesk.the4.co/storage/216/SoDbXv3cYy9J0ninoZ9AWy6qxDTcG4h0cmfv4Zml.gif)
Step 2: From the section you are using > choose 'Button color: Custom size #1'. Example:
![size1.gif](https://helpdesk.the4.co/storage/215/dJ5arAQTASGeHUWvWSreTi4K0bc83E6G7pxh8Csb.gif)