UI Kit

This designer tool is used to add and edit all the buttons and fields of your website.
Click the ‘UiKit’ button. Don’t forget to use the scroll to fully see the site element. Designer Tools - UI Kit

To create a new button, click the New Button Area, enter the button type and push ‘Save’. Designer Tools - UI Kit - Button

To edit the site element, click it and go to settings. Designer Tools - UI Kit - Site Elements

Move pointers to change font size, weight and letter spacing. Click the Arrow to open Border/Sizes/Color/Color Hover settings. Designer Tools - UI Kit - Button Settings

If you click the Border Arrow, you may change the border radius and width. Just move the pointers. If the lock is opened, you can change every corner separately. If the lock is closed, then all corners are changed simultaneously. Designer Tools - UI Kit - Border Radius

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. Designer Tools - UI Kit - Change the Height

To change the Background Color, Border and Text/Color Hover, click the Color/Color Hover Arrow and push the circle icon. Designer Tools - UI Kit - Background Color

Move the pointers and select the color shades and opacity level. Designer Tools - UI Kit - Color

Was this topic helpful?

Knowledge base