Edit Your Website Background
The Background settings in the Design panel let you choose a background to use for your website. You can choose a solid color, a gradient, or an image to use as your site's page background. This is a sitewide setting, so any change you make here will apply to every page on your website. You can override the background setting for a specific page in the Page Design settings.
To choose or change the layout of your website:
- Click Design at the top of your Websites app to open the Design panel.
- On the right-hand sidebar, navigate to the Sitewide tab and select Background.
You will have the option to modify the following settings:
| Fill Type |
Choose whether to have a solid color or a gradient as your site background. |
| Color | Choose the color for your site background. |
| Background | Choose Pattern to select a preset design pattern, or choose Custom to upload an image file. |
Related Articles
Change a Page's Background
You can set a unique background for any page on your site. You can choose a solid color, a gradient, or an image to use as your page's background. If you would like to set the same background for every page on your site, then you can visit the ...Edit Your Footer Layout and Design
The Footer settings in the Design panel control the layout, text settings, social icon designs, and design settings of your website's Footer. This is a sitewide setting, so any change you make here will apply to every page on your website. To find ...Change Browser Tab Bar Color for Safari
Safari's newer browser version (Version 15 and later) lets website owners change the color of their website visitor's browser tab while viewing the website. You can change the color of your website visitors' browsers on Safari by adding a code ...Edit Your Website's Header & Logo
The Header & Logo settings in the Design panel lets you manage your website's logo, favicon, and edit the spacing and border of your website's Header. These are Sitewide settings, so any changes you make here will apply to every page on your website. ...Edit Your Website's Navigation Design
The Navigation settings in the Design panel lets you manage the appearance of your your website's navigation bar, menu items, and drop-down menus. You can choose separate settings for how your navigation menu appears on desktop and mobile devices. ...