> For the complete documentation index, see [llms.txt](https://docs.vintcer.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.vintcer.com/button-designing.md).

# Button Designing

## Button Design Basics

{% hint style="info" %}
This method works with all buttons and sections or blocks.
{% endhint %}

{% embed url="<https://www.youtube.com/watch?v=5cf5iNuk2lw>" %}

####

#### Click on a button and then click on power (design icon) to open the button design settings.

![](/files/-L_XFyFI3nV5yCST0UW5)

#### After Clicking on Button Style a Button Style Manager window will appear.&#x20;

![](/files/-L_XGLfidgaJJT07LQXT)

From Button effects you can choose type of effects/Animation like-&#x20;

Clear, Color Stretch, jump, Underline, Color Slide, Color Fade, Grow, Shadow etc.

![](/files/-LBzNvdQf9TL3EO9AInS)

You can change border color, border Width and radius and Hover Color etc.&#x20;

![](/files/-LBzPNDGgx3KQ1K3LdMX)

## Pro settings for Buttons

{% hint style="warning" %}
Pro settings are only available to Paid users. You can purchase a premium license from here- <https://www.vintcer.com/pricing>
{% endhint %}

Click anywhere in a Block and then select Section setting

![](/files/-L_XGjLksb5xGEt9RVVw)

Choose Pro option from the setting option and then choose button spacing (Under spacing control) and modify the settings as per your requirements.&#x20;

![](/files/-LBzTAIG3IPlsBBKy8D1)

You can now adjust the dimensions for buttons.

![](/files/-LBzTK0kzHTFWr91N5OH)