> For the complete documentation index, see [llms.txt](https://docs.yaycommerce.com/yayextra/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.yaycommerce.com/yayextra/developer-zone/css-to-display-extra-options-vertically.md).

# CSS to Display Extra Options Vertically

### Display Extra Options Vertically Instead of Side-by-Side

Use this CSS to force the extra options section to stack vertically rather than appearing in a horizontal row.

```
.the7-add-to-cart form.cart:not(.grouped_form):not(.variations_form):has(.yayextra-option-field-wrap) {
    display: inherit !important;
}
```