> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.stylishcostcalculator.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Width: How do I increase the width of the calculator container?

Add this CSS code to the [WordPress customize CSS](https://www.wpbeginner.com/wp-content/uploads/2020/04/additionalcsstab.png) screen or any Custom CSS input box.
Change the XXX to your calculator ID.


### Step 1

Go to **'Customize' **in your WordPress Toolbar.

![](https://storage.crisp.chat/users/helpdesk/website/-/c/5/f/0/c5f0153cc3f4b000/5geroadq9scboei1gan5w_p0c35l.png)

### Step 2

Next, scroll down to **'Additional CSS' **and click on it.

![](https://storage.crisp.chat/users/helpdesk/website/-/c/5/f/0/c5f0153cc3f4b000/dy17sqxcsmwsxujt8xhb-a_uj1auj.png)

### Step 3

Add the custom code below.

```css
.scc_font_XXX {
    max-width: 1200px;
}
```

**For example**
If my calculator ID is 143, it will look like this:

```css
    .scc_font_143 {
    max-width: 1200px;
}
```