Changing the page width
The default width of the content area on Wild Apricot site pages is 1200 pixels on newer themes and is 960 pixels on older ones. Even when the width of browser is greater than 960 pixels, the content area does not expand. Instead, the site background fills the extra space.
Using CSS code, you can change the page width for all pages on your site.
To change the default page width, follow these steps:
- Hover over the Website menu and click CSS.
In the Editor field, paste the following code:
For Building Blocks and Tinted Tiles themes
For Blueprint, Bookshelf, Clean Lines, Dark Impact, Firma, Showcase, Skyline, Terra, Treehouse, Whiteboard, and White Space themes
For Homestead and Fiesta themes
and change the 1200 value to whatever width you want. For Blueprint, Bookshelf, Clean lines, Dark impact, Firma, Showcase, Skyline, Terra, Treehouse, Whiteboard, and White space themes, you also have to change the 1199 value in max-width: 1199px to the width you want minus 1.
- Click Save to save your changes.
Your site pages should now display their content across the width you specified.