--- title: How to Customize the Meeting Page Style in GoodMeet description: 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… url: "https://sovlix.com/docs/how-to-customize-the-meeting-page-style-in-goodmeet/" updated: "2026-10-02" category: GoodMeet / Meeting page design --- # 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 **Estimated setup time:** 5 minutes. Each setting has a default you can go back to at any time. ## 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.** [![Style group with Brand colour, Button shape, Sidebar position, Thumbnail, Site header and footer and Page background](https://sovlix.com/wp-content/uploads/2026/10/goodmeet-customize-meeting-style-01-style-group.webp)](https://sovlix.com/wp-content/uploads/2026/10/goodmeet-customize-meeting-style-01-style-group.webp) All six style settings in one place. Each row shows its current value. ## 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. [![Brand colour row with the Rose preset selected](https://sovlix.com/wp-content/uploads/2026/10/goodmeet-customize-meeting-style-02-brand-colour.webp)](https://sovlix.com/wp-content/uploads/2026/10/goodmeet-customize-meeting-style-02-brand-colour.webp) The chosen dot gets a dark ring, and its hex code appears at the end of the row. To go back to the theme's own colour, click **Auto**. **Note:** **Auto** uses each theme's built-in colour. The dot beside Auto shows that colour for the selected theme. ## 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. [![Custom colour picker open with a colour square, hue slider and hex field](https://sovlix.com/wp-content/uploads/2026/10/goodmeet-customize-meeting-style-03-custom-colour.webp)](https://sovlix.com/wp-content/uploads/2026/10/goodmeet-customize-meeting-style-03-custom-colour.webp) Use the hex field to match your brand colour exactly. ## 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. [![Button shape row with Pill selected](https://sovlix.com/wp-content/uploads/2026/10/goodmeet-customize-meeting-style-04-button-shape.webp)](https://sovlix.com/wp-content/uploads/2026/10/goodmeet-customize-meeting-style-04-button-shape.webp) Pill gives every button on the meeting page 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**. [![Sidebar position row with Design default, Left and Right](https://sovlix.com/wp-content/uploads/2026/10/goodmeet-customize-meeting-style-05-sidebar-position.webp)](https://sovlix.com/wp-content/uploads/2026/10/goodmeet-customize-meeting-style-05-sidebar-position.webp) Use Left or Right to move the details column on themes that have one. **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. [![Thumbnail and Site header and footer rows, each with Show and Hide](https://sovlix.com/wp-content/uploads/2026/10/goodmeet-customize-meeting-style-06-thumbnail-header-footer.webp)](https://sovlix.com/wp-content/uploads/2026/10/goodmeet-customize-meeting-style-06-thumbnail-header-footer.webp) Each meeting can still hide the header and footer in its own settings. **Tip:** A single meeting can hide the header and footer with **Hide header and footer** in its **Page design** step, even when this setting is **Show**. ## 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. **Note:** **Page background** and **Custom background colour** require GoodMeet Pro. 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. [![Page background set to Custom, showing the Custom background colour row](https://sovlix.com/wp-content/uploads/2026/10/goodmeet-customize-meeting-style-07-page-background-custom.webp)](https://sovlix.com/wp-content/uploads/2026/10/goodmeet-customize-meeting-style-07-page-background-custom.webp) Pick a light colour for light designs and a dark one for Studio, so text stays readable. ## 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. [![Sidebar position and Thumbnail rows with the hint Not used by the Lobby theme](https://sovlix.com/wp-content/uploads/2026/10/goodmeet-customize-meeting-style-08-not-used-hint.webp)](https://sovlix.com/wp-content/uploads/2026/10/goodmeet-customize-meeting-style-08-not-used-hint.webp) Lobby has no sidebar and no thumbnail, so these two settings do not change Lobby pages. ## 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.** [![Unsaved changes bar with Discard and Save changes, Save changes highlighted](https://sovlix.com/wp-content/uploads/2026/10/goodmeet-customize-meeting-style-09-save-changes.webp)](https://sovlix.com/wp-content/uploads/2026/10/goodmeet-customize-meeting-style-09-save-changes.webp) Nothing changes on your site until you click Save changes. 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. [![Product Roadmap Review with the Paper theme and default style settings](https://sovlix.com/wp-content/uploads/2026/10/goodmeet-customize-meeting-style-10-before-paper-default.webp)](https://sovlix.com/wp-content/uploads/2026/10/goodmeet-customize-meeting-style-10-before-paper-default.webp) Before: Brand colour Auto, Button shape Design default and Page background Design default, so Paper uses its own blue. [![Product Roadmap Review with the Paper theme, Rose brand colour, Pill buttons and a soft tint background](https://sovlix.com/wp-content/uploads/2026/10/goodmeet-customize-meeting-style-11-after-paper-rose-pill.webp)](https://sovlix.com/wp-content/uploads/2026/10/goodmeet-customize-meeting-style-11-after-paper-rose-pill.webp) After: Brand colour Rose, Button shape Pill and Page background Soft tint turn the join button, countdown, date badge and Google Meet chip rose, on a light rose tint. **Note:** This meeting uses Paper as its own theme while the site default is Classic. Style settings still apply, because they apply to every theme. ## 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](https://sovlix.com/docs/how-to-choose-a-meeting-page-theme-in-goodmeet/)