> For the complete documentation index, see [llms.txt](https://docs.theshoppad.com/infinite-options/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.theshoppad.com/infinite-options/styling-and-customizations/theme-specific-styling/debut-theme.md).

# Debut theme

Use this Debut theme CSS snippet in the Infinite Options Custom CSS setting to tidy how your options look on Debut product pages.

Debut Theme option styling code

Copy the code below and paste it in the **Settings >** **Custom CSS** section in Infinite Options to style your options for the Debut theme.

This will make options look neater on your product pages.

<figure><img src="https://docs.theshoppad.com/infinite-options/assets/CSS-IO-Doc.png%20-%20Step%201.png" alt=""><figcaption></figcaption></figure>

```css
/* Infinite Options by ShopPad */
#infiniteoptions-container {
  width: 100%;
  display: block;
  box-sizing: border-box;
}

#infiniteoptions-container > div {
  padding-bottom: 10px;
}

#infiniteoptions-container input[type="text"], 
#infiniteoptions-container input[type="number"], 
#infiniteoptions-container select, 
#infiniteoptions-container textarea {
  display: block;
  width: 100%;
}

#infiniteoptions-container input[type="checkbox"],
#infiniteoptions-container input[type="radio"] {
  margin-right: 5px;
  min-height: 0 !important;
}

#infiniteoptions-container fieldset {
  padding: 0;
  border: 0;
  margin: 0 !important;
}

@media only screen and (min-width: 990px) {
  #infiniteoptions-container {
    padding: 0 5px;
  }
}
```