> For the complete documentation index, see [llms.txt](https://help.spicegems.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.spicegems.com/spice-image-gallery/custom-css.md).

# Custom CSS

A **custom CSS** is an additional new feature of **Spice Image Gallery** App. It helps you to change the look n feel of your gallery by writing and saving simple **CSS** code.

An option named as **Custom CSS** is added to the right side panel of your **Gallery** interface. Click **Custom CSS** option, this action will expand it with **Custom CSS** textarea.

You must write your custom **CSS** code that you want to apply to your gallery. Click button **Save Changes** located beneath **Custom CSS** panel to **save** and **apply** your custom **CSS** code.

The applied custom CSS now can be viewed on the gallery page of your websites.

<figure><img src="https://2181265289-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWvLPikL0pQdtnyuJXCc7%2Fuploads%2F7kcHWGHoWeUeIKWRx1lB%2FCustom_css_gallery.gif?alt=media&amp;token=eb732a5e-3e88-436c-89dd-76ef19f4ccbd" alt=""><figcaption></figcaption></figure>

Refer the following two examples created for your reference. Click here to view it in detail:

* How to create a gallery with rounded images?
* How to create a gallery with polaroid effect?&#x20;