> For the complete documentation index, see [llms.txt](https://mpithemes.gitbook.io/shella-shopify-theme/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://mpithemes.gitbook.io/shella-shopify-theme/theme-settings/button-input-and-promo-box.md).

# Button, Input and Promo Box

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

## Button and Input

&#x20;In this section, you can configure the border radius of the buttons and the input.

### **Button border-radius**

&#x20;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:

![](/files/-MfbsfCPAy_iEeyXwoIt)

### **Input border-radius**

&#x20;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:

![](/files/-MfbsifmEqfDZX_vYD37)

## Promo Box

&#x20;In this section, you can change the image border radius in the promo boxes.

&#x20;\*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**

&#x20;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:

![](/files/-Mfbtbahq2x54qa8G2Un)

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

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