How to Customize the Meeting Page Style in GoodMeet

A meeting theme sets the layout of your meeting pages. Style settings adjust that layout to match your brand. They cover the main colour, button corners, sidebar side, thumbnail, site header and page background.

Your meeting pages can use the same colours and buttons as the rest of your site. Below you set each style option in turn. Style settings apply to every theme, including meetings that use their own theme. You set them once and every meeting page follows.

By the end of this guide, you will have:

• Your brand colour on buttons, countdowns and highlights
• A button shape that matches your site
• The sidebar, thumbnail and site header set the way you want
• A page background that fits your brand, if you use GoodMeet Pro
• Your style saved and live on every meeting page

Before you begin #

Make sure you have:

• GoodMeet installed and activated
• An administrator account on the site
• At least one published meeting, so you can check the result
• GoodMeet Pro activated, if you want the Page background setting

Let’s get started.

Step 1: Open the Style group #

Style settings sit right below the theme gallery, so you can see which theme they apply to.

1. In the WordPress admin menu, go to GoodMeet > Settings.
2. Under Appearance, click Meeting themes.
3. Scroll below the theme gallery to the Style group. Its summary reads Applies to every theme.

Step 2: Set the brand colour #

Brand colour is “Used for buttons, the countdown and highlights.”, so it is the setting visitors notice first.

1. In Brand colour, click a colour dot, for example the red dot, Rose.
2. Check the hex code of the chosen colour at the end of the row.

To go back to the theme’s own colour, click Auto.

Step 3: Pick a custom colour (optional) #

If none of the presets matches your brand, pick the exact colour yourself.

1. Click the rainbow circle at the end of the colour row.
2. Drag in the colour square and the hue slider, or type a hex code in the field below them.
3. Click outside the picker to close it.

Step 4: Choose a button shape #

Button shape changes the join button and every other button on the meeting page.

1. In Button shape, click one option:
   – Design default keeps the theme’s own corners.
   – Sharp gives square corners.
   – Rounded gives softly rounded corners.
   – Pill gives fully round ends.

Step 5: Choose the sidebar position #

Many themes put the meeting details in a column beside the main content. You decide which side it sits on.

1. In Sidebar position, click Design default, Left or Right.

Design default keeps the side each theme was drawn with.

Step 6: Show or hide the thumbnail and site header #

Hiding the thumbnail or your site header gives the meeting more room on the page.

1. In Thumbnail, click Show or Hide. The thumbnail is the meeting featured image.
2. In Site header and footer, click Show or Hide. Hide removes your WordPress theme header and footer from meeting pages.

Step 7: Set the page background #

The page background sits behind the whole meeting page, so it sets the mood more than any other setting.

1. In Page background, click one option:
   – Design default keeps the theme’s own background.
   – Soft tint uses a light shade of your brand colour.
   – Plain uses plain white, or near black on dark themes such as Studio.
   – Custom uses a colour you pick.
2. If you clicked Custom, a new row appears: Custom background colour. Click a preset, or click the rainbow circle for any colour.

Step 8: Check for “Not used by” hints #

Some themes do not use every setting. If the selected site default theme ignores one, its row shows a hint instead of the help text. For example: Not used by the Lobby theme.

1. Read the hint under each row.
2. Keep or change the setting as you like. It stays editable, because meetings that use their own theme can still use it.

Step 9: Save your changes #

Nothing changes on your site until you save. As soon as you change a setting, a bar appears at the bottom of the screen with You have unsaved changes.

1. Click Save changes.
2. Wait for the confirmation message, Appearance saved.

To drop every change since the last save, click Discard instead.

What visitors see #

Open a meeting page in a private browser window. The style applies on top of the meeting’s theme. Here is the Product Roadmap Review meeting with the Paper theme, before and after.

Benefits of customizing the meeting page style #

• Your colour on every theme: Buttons, countdowns and highlights use your brand colour, whichever theme a meeting has.
• One setting for all meetings: Style applies to meetings with their own theme too, so you never style meetings one by one.
• More room when you need it: Hide the thumbnail or your site header for a cleaner page.
• An easy way back: Every setting has a default, and Discard drops changes you have not saved.

Troubleshooting #

My new colour does not show in the preview #

Preview on latest meeting shows the selected theme only. Style changes apply after saving. Click Save changes, then reload the meeting page.

A setting shows “Not used by the … theme.” #

The selected site default theme does not support that setting. For example, Lobby and Consult have no sidebar and no thumbnail. No action is needed. The setting still applies to meetings that use a theme that supports it.

Sidebar position has no effect #

Check that:

• Sidebar position is set to Left or Right, not Design default.
• The meeting uses a theme with a sidebar, such as Classic or Paper.

The header and footer are hidden on one meeting only #

That meeting has Hide header and footer turned on in its Page design step.

1. Edit the meeting and open Page design.
2. Turn off Hide header and footer.
3. Click Update meeting.

I do not see the Page background setting #

Page background comes with GoodMeet Pro. Activate GoodMeet Pro, then reload the Meeting themes tab.

Text is hard to read on my custom background #

The custom colour is too dark for a light theme, or too light for Studio. Pick a light colour for light themes and a dark one, such as Night, for Studio.

Frequently asked questions #

Do style settings apply to meetings with their own theme? #

Yes. Style settings apply to every theme, including meetings that picked their own.

Can one meeting have its own brand colour? #

No. Brand colour and the other style settings are site-wide. Each meeting can pick its own theme only.

How do I go back to the original look? #

Set Brand colour to Auto, set Thumbnail and Site header and footer to Show, and set every other setting to Design default. Then click Save changes.

Does Hide in Site header and footer affect other pages? #

No. It only removes the header and footer from GoodMeet meeting pages.

You’re ready to style your meeting pages #

Your meeting pages now use your brand colour and button shape on every theme. Next, pick the theme that fits your meetings, or give one meeting its own theme.

• How to choose a meeting page theme