You can change the look and style of your site at any time.
Tip: This section is for new Google Sites. Get help with classic Google Sites.
Choose a theme for your site
Use pre-made themes
- On a computer, open a site in new 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 new Google Sites.
- At the right, click Themes.
- Under "Custom," select Import theme .
- Select any site 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 Navigation.
Create a custom theme
- On a computer, open a site in Google Sites .
- On the right panel, click Themes.
- Under "Custom," select Create theme .
- Enter a name for your theme.
- Select Next.
- You can also add a logo and banner image.
- Select a color palette 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 .
- On the right panel, click Themes.
- Under "Custom," select a theme.
- At the top right corner, select More Edit.
- On a computer, open a site in Google Sites .
- After you create a custom theme, on the right panel, click Themes.
- Under "Custom," select a theme.
- At the top right corner, select More 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 .
- After you create a custom theme, on the right panel, click Themes.
- Under "Custom," select a theme.
- At the top right corner, select More 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.
Change the font
Change how a section looks
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 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 .
- 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 .
- In the "Settings" window, go to Navigation 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 .
- In the "Settings" window, go to Navigation 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 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.
Classic Google Sites
Tip: This section is for classic Google Sites. Get help with new Google Sites.
Change your site’s design
Change the theme or layoutChoose a style
- On a computer, open a site in classic Google Sites.
- At the top right, click More actions Manage site.
- In the menu on the left, click Themes, Colors, and Fonts.
- Under "Base theme," click Expand .
- Choose a new theme.
- At the top, click Save.
Change the layout
- On a computer, open a site in classic Google Sites.
- At the top right, click More actions Edit site layout.
- In the menu at the top, choose an item.
- Make changes to the layout.
- When done, at the top right, click Close.
Change the background or font
Change the background
- On a computer, open a site in classic Google Sites.
- At the top right, click More actions Manage site.
- In the menu on the left, click Themes, Colors, and Fonts.
- Make changes to the background. Then, at the top, click Save.
Change the font style, color, or size
- On a computer, open a site in classic Google Sites.
- At the top right, click More actions Manage site.
- In the menu on the left, click Themes, Colors, and Fonts.
- Under "Background," click Text.
- Make changes to the font. Then, at the top, click Save.