If you are a peaky crafter who wants to have every single button and field modified according to your taste, this tool is definitely for you!

This designer tool is used to add and edit all the buttons and fields of your website. You can find it clicking on the Designer Tools icon on your Dashboard.

Go to the ‘UiKit’ section to start making the changes. To create a new button, click the New Button Area and a new button will appear.

The tool also enables editing the text elements simply clicking on them and making the changes from the settings bar on the right. Move the pointers to change font size, weight and letter spacing.

Click + to open the Borders/Sizes/Colors/Colors Hover settings.


If you click Borders, you may change the border radius and width simply moving the pointers.


If the lock is open, you can change every corner separately. If the lock is closed, then all corners are changed simultaneously.

If you push the Sizes Arrow, you can change the height, width and padding of the button by moving the pointers.

 Mind the position of the lock. 

What about the colors? If you want to change the Background Color, Border and Text/Color 

Hover, click the Color/Color Hover Arrow and push the circle icon.

Move the pointers and select the color shades and opacity level you prefer.

Did this answer your question?