Topics Map > Software Guides > Google Sites

Google Sites: Page Section Colors

New Google Sites, 2021. Be aware that different versions of Google Sites will vary in appearance and functionality. Access Google Sites at

Every time an element, such as text or a picture, is inserted it’s placed into its own Section. Each Section is separately customizable, movable, and editable.

The background color of a section, as well as the color of any text in a section, is controlled through the Section Style. Be aware that if a custom color has already been applied to the text, such as through the text box options bar, the text will be unaffected by the Section Style. Available Section Style colors depend on the color selected for the Theme. For more details on setting the Section Style colors, see Google Sites: Using Preset Themes and Google Sites: Using Custom Themes.

To change the Section Style:

  1. Hover over a Section on a page. Options will appear to the left.
  2. Click on the painting palette icon, which will open the Section Colors pop-up.

  3. Select a Style (1, 2, or 3).

To change available section colors:

As stated in the Google Sites: Using Preset Themes and Google Sites: Using Custom Themes parts of this guide, you can change the available colors for your section styles by navigating to the "Themes" section on the right side of the page, and choose a Custom Theme.

From there, you can click the Colors dropdown menu, and choose new colors for your theme.

You cannot change the section color options for a Preset Theme.

Guide Index


iTech logo
Need support? Contact or visit

KeywordsGoogle Sites, Google Apps, workshop, Nursing, portfolio, website, section, customization, color, guide, web, site   Doc ID85332
OwnerJanelle B.GroupPacific Lutheran Univ
Created2018-08-28 15:43:49Updated2023-08-04 16:28:19
SitesPacific Lutheran University
Feedback  2   7