Skip to main content
All CollectionsPods
How do I change the layout and design of my Pod?
How do I change the layout and design of my Pod?

Learn how to change Pod/widget backgrounds, widget widths, and more.

Russell Mitchell avatar
Written by Russell Mitchell
Updated over 4 months ago

How to change the layout and design of your Pod:

To change the Pod layout or design of your Pods you have a few options all found in the Branding tab on the right hand panel

Themes:

Choose from one of our pre-designed Pod layouts to apply an instant change across backgrounds and widgets.

Background:

Choose from;

NONE - No background colour or design

SOLID - A solid background colour across the entire Pod

GRADIENT - Choose two colours that blend and merge across the Pod (some users are using their company colour, and their client/prospects company colour for this)

IMAGE - Upload an image to be used as a background image across the Pod - Best practice is to use a widescreen image, although you can crop this in the correct aspect ration when uploaded. You can also set this to 'blur Image' which would be recommended for a photograph or text heavy image as not to distract from the Pod and Widget content.

Background Intensity:

Allows you to choose between 'BRIGHT' and 'DIMMED' so you can choose how punchy or subtle your background is.

Widget Settings

Shape:

Allows you to choose the shape of your widgets edges.

Choose between 'SQUARE' (pointy corners), or 'ROUND' (rounded edges and corners)

Width:

Change how far to the edges of the screen that the widgets fit to.

WIDE - Your widgets will dynamically expand to fit the full screen - showing none of the background (unless transparent)

MEDIUM - Your widgets will provide some spacing between the edge of the screen, showing off your background, and framing the widget itself.

NARROW - Your widgets will be even less wide, showing off more of your background and condensing the content within the widget - NOTE - Narrow will be displayed as Medium on mobile.

Separated:

This allows you to define whether the widgets should be stacked on top of each other, or if there should be some spacing between them.

Drop Shadow:

A drop shadow around each widget when widgets are separated, particularly visible if you are using transparent or lighter colour widgets to give them more definition

To change the colour of individual widgets, select the palette icon from the widget toolbar and select a colour here or use the transparent option (white circle with the red strike-through as shown in the image below)

Did this answer your question?