Change your site's layout, theme, colors or fonts

With Google Sites, you can easily change the overall appearance of your site by editing your site's layout, themes, colors, and fonts.

Site layout

  1. To start editing your site's layout, click the More button near the top-right corner of your browser window.
  2. Select Edit site layout.
  3. Along the top of your site, you'll now see a toolbar that lists elements of your site. Clicking on one of the toolbar's buttons will toggle that element on and off.
  4. It's easy to make changes to individual elements of your site. To see what you can edit, hover your mouse over the parts of your site; those that you can edit will be highlighted in blue. To make a change to an element, simply click it. You'll be able to change the following elements:
    • Header: Change your header's height and alignment, and add a logo.
    • Horizontal navigation bar: Change your navigation bar's style and select which pages of your site will appear there.
    • Sidebar: Choose what to call your sidebar, how it will be organized, and what it will link to.
    • Footer: Add and format footer text.
    • Site width: Change the width of your site.
  5. Once you've clicked an element and made adjustments in the dialog box that appears, click the box's OK button to save your changes.
  6. When you're done making all the changes you'd like, exit the layout editor by clicking the blue Close button in the top-right corner of your browser window.

Site themes

  1. Select Manage site from the More drop-down menu.
  2. Select Themes, Colors, and Fonts from the left sidebar.
  3. Select the theme you would like to use for your site. (You can see what your site would look like using that theme while clicking the "Preview" button near the top or the Preview link below each theme.
  4. Click "Save changes."

Site colors and fonts

  1. Select Manage site from the More drop-down menu.
  2. Select Themes, Colors, and Fonts from the left sidebar.
  3. In the scrolling box, choose what aspect of your site you would like to modify. For most options, you can choose to use the default for your site's theme, to turn the option off, or to choose a custom value. For images, you can choose a custom image. For text, you will usually be able to choose from a set of colors or enter in your own six-character color code. Changes you make will be reflected in the Preview area within moments. Some of the areas you can customize include:
    • Entire page: These options will set the default for your site, though you can override much of this formatting by selecting specific fonts, colors or images in other sections or by formatting on a specific page.
    • Site header: If you have not turned off your header, these options control content in the area that appears at the top of each page.
    • Content area: These options control the main page area, where the majority of your content will be. You can override this formatting by making changes on individual pages.
    • Content area gadgets: These items will format gadgets that you place in the main area of your pages, such as text boxes or slideshows.
    • Sidebar gadgets: If you have not turned off your sidebar, these items will format the gadgets that you place in your sidebar.
    • Horizontal navigation: If you have chosen to include a horizontal navigation bar, these options will format your horizontal menus.
  4. Click "Save changes."