Download this help site
(PDF 82MB)


Changing the widget width

Advanced customization warning - Reference information is provided as is


Wild Apricot technical support team does not provide support for CSS customization, JavaScript, or theme overrides. (Read more)

When using widgets to display information from your Wild Apricot database on another site, you may want to change the default size of the iframe containing the widget. For example, the widget might be wider than the site page, forcing users to scroll to view hidden information.

To adjust the width of all widgets, hover over the Website menu and select the CSS option. On the screen that appears, enter the appropriate code for your theme (see below), then click Save to preview your customization within the preview area on the right. When you are finished making your changes, click Cancel to close the screen.


This code changes the width of all widgets.

For Treehouse, Clean Lines, White Space, and Dark Impact themes

For all other themes

Need more help?

  • No labels