Redesign your Google sites
You can change the look and style of your site at any time.
Choose a theme for your site
Use pre-made themes
- On a computer, open a site in Google Sites.
- At the right, click Themes.
- Under "Created by Google," select a pre-made theme.
Import a custom theme from another site
- On a computer, open a site in Google Sites.
- At the right, click Themes.
- Under "Custom," select Import theme 👁 Image
. - Select any site 👁 and then
Select a theme. - Click Import theme.
Use custom themes
With custom themes, you can:
- Create and apply different backgrounds and text colors throughout your site.
- Set default text styles.
- Add brand images or favicons.
- Customize other site properties such as:
- Buttons
- Dividers
- Links
- Image carousels
- Change the site width.
- Change the color of your menu text and background.
- Tip: To change your menu's location, click Settings 👁 Settings
👁 and then
Navigation.
- Tip: To change your menu's location, click Settings 👁 Settings
Create a custom theme
- On a computer, open a site in Google Sites 👁 Image
. - On the right panel, click Themes.
- Under "Custom," select Create theme 👁 Plus
. - Enter a name for your theme.
- Select Next.
- You can also add a logo and banner image.
- Select a color palette 👁 and then
Next.- To choose specific colors for different parts of your site, select Customize colors.
- Choose your fonts.
- Select Create theme.
- In the right panel, you can continue to customize your theme.
Edit a custom theme
- On a computer, open a site in Google Sites 👁 Image
. - On the right panel, click Themes.
- Under "Custom," select a theme.
- At the top right corner, select More 👁 More
👁 and then
Edit.
- On a computer, open a site in Google Sites 👁 Image
. - After you create a custom theme, on the right panel, click Themes.
- Under "Custom," select a theme.
- At the top right corner, select More 👁 More
👁 and then
Edit. - Under "Spacing," check the "Show frame" checkbox.
- Select the color of the frame.
Important: To use page frames, you have to place your site menu at the top of the site. Under "Navigation," set the "Mode" to Top.
- On a computer, open a site in Google Sites 👁 Image
. - After you create a custom theme, on the right panel, click Themes.
- Under "Custom," select a theme.
- At the top right corner, select More 👁 More
👁 and then
Edit. - Under "Spacing," select the site width.
- Default: Recommended for sites that have less content and will appear spread out
- Full: Recommended for sites that have more content and will appear densely packed
- Wide: Recommended for sites that fall between default and full
Change your site's style
Tip: You must have more than one page to change the menu location.
If you're using a pre-made theme
- On the right, click Themes.
- Click Font style and choose an option.
- To publish your changes, at the top right, click Publish.
If you're using a custom theme
- On the right, click Themes.
- Under “Custom,” find the custom theme you want to edit.
- In the upper right corner, select More 👁 More
👁 and then
Edit. - Click Text
- Select a text style you want to edit, and make changes to the font and formatting.
- To publish your changes, at the top right, click Publish.
- Point to a section on the page. Then, at the left, click Background 👁 Color
. - Choose a style or add a photo.
Move the menu to the top or left
Tip: You must have more than one page to change the menu location.
- In the top right corner, click Settings 👁 Settings
. - In the "Settings" window, go to Navigation 👁 and then
Mode. - Choose Top or Side.
- At the top right, click Publish.
Change the color of the menu
If you're using a pre-made theme
- In the top right corner, click Settings 👁 Settings
. - In the "Settings" window, go to Navigation 👁 and then
Color. - Choose Transparent, White, or Black.
- At the top right, click Publish.
If you're using a custom theme
- On the right, select the “Themes” panel.
- Under “Custom,” find the custom theme you want to edit.
- In the upper right corner, select More 👁 More
👁 and then
Edit. - Click Navigation.
- Under "Background," change the color of the menu, or select "Transparent at top."
- To publish your changes, at the top right, click Publish.