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 Sitewide Background settings.
You can style a page's background design by opening that page's Design settings:
- Select the Pages tab at the top of the Websites app, and click on the title of the page you'd like to edit.
- Click Design the page at the top of the page.
- The Design panel will open. On the right-hand sidebar, under the Page tab, scroll down to the bottom and click on the Background button.
- The Background settings will open on the right-hand sidebar. You can choose a solid color, a gradient, a pre-set pattern, or upload an image. You can adjust the position of the background element relative to the page, and choose the scroll setting (fixed, scrolling with page, or a parallax scroll). When finished editing, click Save.
Tip: To delete a background image, hover your cursor over the image in the sidebar. A "trash can" icon will appear; click the "trash can" icon, and an option to upload a new image will appear in its place.
Related Articles
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 ...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 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 the Color of Your Website's Links
You can change the color of your hyperlinks globally so that all links on your website apply to the same rules. To change your sitewide hyperlink color: Click Design at the top of your Websites app to open the Design panel. On the right-hand sidebar, ...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. ...