# Button, Input and Promo Box

{% hint style="info" %}
**Theme settings -> Button, Input and Promo Box**
{% endhint %}

## Button and Input

 In this section, you can configure the border radius of the buttons and the input.

### **Button border-radius**

 Here you can change the button borders from sharp to round ones using a border-radius scale, where you can change the radius from 0 to 30 px:

![](https://1204500216-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-McsaSlZSE2uMqzAxy2S%2F-MfbrzkFCy3Y5dizItFb%2F-MfbsfCPAy_iEeyXwoIt%2FScreenshot_25.png?alt=media\&token=5bfed9c1-34b5-4538-91f0-82aefea906b5)

### **Input border-radius**

 Here you can change the input borders from sharp to round ones using an input border-radius scale, where you can change the radius from 0 to 30 px:

![](https://1204500216-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-McsaSlZSE2uMqzAxy2S%2F-MfbrzkFCy3Y5dizItFb%2F-MfbsifmEqfDZX_vYD37%2FScreenshot_26.png?alt=media\&token=672cf50f-846d-4ccc-b560-f53da44898ef)

## Promo Box

 In this section, you can change the image border radius in the promo boxes.

 \*Promo boxes are part of a mega menu in the Header. You can add or change images in the promo boxes following these steps: in *Shella Editor,* go to *Header -> Mega -> Promo box.*

### **Image border-radius**

 Here you can change the image borders in promo boxes from sharp to round ones using a border-radius scale, where you can change the radius from 0 to 30 px:

![](https://1204500216-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-McsaSlZSE2uMqzAxy2S%2F-MfbslVmCdN8d0rkopGE%2F-Mfbtbahq2x54qa8G2Un%2FScreenshot_27.png?alt=media\&token=c9198aaa-972f-445a-870c-3dc486a7eb9c)

### **Enable format 'PJPG'**

 If you enable this option, the transparent images in the format PNG or GIF will not be available for the promo box.