{"id":16075254,"date":"2022-11-02T07:22:09","date_gmt":"2022-11-02T07:22:09","guid":{"rendered":"https:\/\/wordpress.org\/support\/?post_type=helphub_article&p=16075254"},"modified":"2026-09-06T17:23:56","modified_gmt":"2026-09-06T17:23:56","slug":"colors-settings-overview","status":"publish","type":"helphub_article","link":"https:\/\/wordpress.org\/documentation\/article\/colors-settings-overview\/","title":{"rendered":"Colors Settings overview"},"content":{"rendered":"\n

You can use the color settings in your block<\/a> to set the text color, background color, link color, gradient options, and duotone filters for your content. They are designed to make it as simple as possible to update your block’s colors.<\/p>\n\n\n\n

The color settings available will vary based on the theme and the block in use.<\/p>\n\n\n\n

How to access color settings <\/h2>\n\n\n\n

Colors can be set on a site basis or on a block basis. Setting color on a site basis will affect the color of the entire site.<\/p>\n\n\n\n

How to access color settings for your site<\/h3>\n\n\n\n
    \n
  1. From your Administration Screens, Select Appearance > Editor<\/li>\n\n\n\n
  2. Select Styles<\/li>\n\n\n\n
  3. Select Colors<\/li>\n<\/ol>\n\n\n\n

    How to access color settings for a single block<\/h3>\n\n\n\n

    Select the block you want to modify the color and open the Block Settings sidebar<\/strong> of a by clicking the Settings<\/strong> icon that is next to the Publish\/Save<\/strong> button.<\/p>\n\n\n\n

    \"Block<\/figure>\n\n\n\n

    Find the Color options under these three locations:<\/p>\n\n\n\n

      \n
    1. Typography settings<\/a> to change text color<\/li>\n\n\n\n
    2. Background settings<\/a> to change background colors and gradients<\/li>\n\n\n\n
    3. Elements color settings<\/a> to change colors for child elements inside blocks like the Group block<\/li>\n<\/ol>\n\n\n\n
      \"Three<\/figure>\n\n\n\n

      Elements panel for nested elements<\/h3>\n\n\n\n

      WordPress 7.1 introduced the Elements panel where you can customize colors for links and nested items within container blocks like the Group block.<\/p>\n\n\n\n\t\t

      \n\t\t\t