# Design recipes

Paste one of the following "recipes" into your status page's "Custom CSS" Design setting field to implement a customization.

### Hide the past incidents section and link

```css
.past-incidents, .previous-incidents { display: none !important }
```

### Hide the uptime percentage from your Uptime Graphs

```css
.uptime { display: none }
```

### Auto-select "Select services" Checkbox and Hide "All" in the Subscription Modal

This recipe automatically selects the "Select services" checkbox and hides the "All" option in the subscription modal. Ideal for when you want to make sure your customers select the specific status page services they should get notifications about.

<figure><img src="https://4061983002-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgIMm5p2V7PNx3dS7vwKE%2Fuploads%2FBv2IiSaxSoKeGC1VrtDT%2Fimage.png?alt=media&#x26;token=f2bccdc4-3b62-453f-a9f8-9c7d409388be" alt="" width="536"><figcaption></figcaption></figure>

**JavaScript Snippet:**\
This JavaScript code automatically selects the "Select services" checkbox when the subscription modal is opened. Add this to the **Status Page Settings** section:

```javascript
document.addEventListener("sp:subscribeModalOpened", function() {
  document.querySelectorAll('[name="subscription[filter]"][value="services"]').forEach(checkbox => {
    checkbox.checked = true;
  });
});
```

**CSS Snippet:**\
This CSS code hides the "All" option in the subscription modal. Add this to the **Status Page Design** section:

```css
.filter-toggle label:first-child { 
  display: none; 
}
```