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

    1. On a computer, open a site in Google Sites .
    2. At the right, click Themes.
    3. Under "Created by Google," select a pre-made theme.

    Import a custom theme from another site

    1. On a computer, open a site in Google Sites .
    2. At the right, click Themes.
    3. Under "Custom," select Import theme.
    4. Select any siteand thenSelect a theme.
    5. 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 SettingsSettings and then Navigation.

    Create a custom theme

    1. On a computer, open a site in Google Sites .
    2. On the right panel, click  Themes.
    3. Under "Custom," select Create theme .
    4. Enter a name for your theme.
    5. Select  Next.
      • You can also add a logo and banner image.
    6. Select a color palette and then Next.
      • To choose specific colors for different parts of your site, select  Customize colors.
    7. Choose your fonts.
    8. Select  Create theme.
      • In the right panel, you can continue to customize your theme.

    Edit a custom theme

    1. On a computer, open a site in Google Sites .
    2. On the right panel, click Themes.
    3. Under "Custom," select a theme.
    4. At the top right corner, select Moreand then Edit.
    Show & customize frame
    1. On a computer, open a site in Google Sites .
    2. After you create a custom theme, on the right panel, click Themes.
    3. Under "Custom," select a theme.
    4. At the top right corner, select Moreand then Edit.
    5. Under "Spacing," check the "Show frame" checkbox.
    6. 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.

    Adjust site width
    1. On a computer, open a site in Google Sites .
    2. After you create a custom theme, on the right panel, click Themes.
    3. Under "Custom," select a theme.
    4. At the top right corner, select Moreand then Edit.
    5. 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

    If you're using a pre-made theme

    1. On the right, click Themes.
    2. Click Font styleand choose an option.
    3. To publish your changes, at the top right, click Publish.

    If you're using a custom theme

    1. On the right, click Themes.
    2. Under “Custom,” find the custom theme you want to edit. 
    3. In the upper right corner, select  Moreand then Edit.
    4. Click  Text
    5. Select a text style you want to edit, and make changes to the font and formatting.
    6. To publish your changes, at the top right, click Publish.
    Change how a section looks
    1. Point to a section on the page. Then, at the left, click Background.
    2. 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.

    1. In the top right corner, click SettingsSettings.
    2. In the "Settings" window, go to Navigation and then Mode.
    3. Choose Top or Side.
    4. At the top right, click Publish.

    Change the color of the menu

    If you're using a pre-made theme

    1. In the top right corner, click Settings.
    2. In the "Settings" window, go to Navigationand then Color.
    3. Choose Transparent, White,or Black. 
    4. At the top right, click Publish.

    If you're using a custom theme

    1. On the right, select the “Themes” panel.
    2. Under “Custom,” find the custom theme you want to edit. 
    3. In the upper right corner, select Moreand then Edit.
    4. Click  Navigation.
    5. Under "Background," change the color of the menu, or select "Transparent at top."
    6. To publish your changes, at the top right, click  Publish.

    Related articles

    Need more help?

    Try these next steps:

    Post to the help community Get answers from community members
    true
    Enable Dark Mode
    Search
    Clear search
    Close search
    Google apps
    Main menu
    2843638755049218176
    true
    Search Help Center
    false
    true
    true
    true
    true
    true
    70
    false
    false
    false
    false
    Create a Mobile Website
    View Site in Mobile | Classic
    Share by: