How to change the background of an existing section
As a website builder designed for beginners, Aphyo offers intuitive tools that make it easy to personalize various elements of your site, including the background of existing sections. Whether you want to enhance the visual appeal, align with your brand's color scheme, or update your site's look, changing the background can have a significant impact. Here’s how you do it.
- From the section toolbar choose edit section (the pencil)
- The Section Settings editor will open.
- You can change the background color or image, set an overlay opacity, set an image focal point or choose the background width from the same editor. The overlay opacity becomes active only if there is a background color selected. It creates a filter effect over the image, allowing you to have backgrounds that align with your brand's color scheme.
Change the background color
- To change the background color, make sure the background color checkbox is checked and the background image is unchecked, then click the color pill
- The Brand colors menu will open, allowing you to choose a color aligned with your brand identity or a custom one.
- Click on the color you want. You will immediately see it as the background of your section.
Change the background image
- To change the background image, make sure the background image checkbox is checked, then click on Change
- The Asset Collection will open
- You can choose an image from your previously uploaded items, upload a new one from your computer or choose one from the Unsplash collection of free images.
- After you have selected the image you want as a background, click on Add to page
- Your background is now set.
Change the image's focal point
- Use the black dot which appears on the image in the editor to set the image's focal point. Click on the image to change the focal point and set the central focus area.
Changing the background of an existing section on your website is a simple, yet effective way to enhance your site's visual appeal and ensure it aligns with your brand identity. As a website builder for beginners, Aphyo makes this process straightforward with its user-friendly interface and intuitive tools. By following the steps outlined in this guide, you can easily update your website's look and feel, keeping it fresh and engaging for your visitors.
Related Articles
How to change page background
This article will guide you through the process of changing the background of a page. Step 1 Click on the "Edit Page Background" button. Step 2 Click on the "Background Color" button. Step 3 You will see two options for changing the background color: ...How to to change header / footer row background color
In this guide, you will learn how to change the background color of a header (or footer) row. We will use the header rows for this tutorial, but you can apply it without problems for footer row customization. Step 1 - open editor Click on the "Edit ...How to change navigation links style
In this tutorial you will learn on how to change the style of navigation links. This will be different for desktop and for mobile. All navigation links are in fact buttons, but usually they have no style or minimal style. Step 1 - open editor Open ...How to change button style
This section will explain how to select and customize a "Button" style. Step 1 Open the "Button Settings" editor. Click "Edit Button" on the hover menu or double-click on the "Button" element you want to customize. In the "Button Settings" editor, ...How to change page SEO settings
This article will guide you through the process of changing a page's SEO settings. Step 1 Click the "Website Pages" button in the sidebar menu. Step 2 Click on the "More Actions" button next to the page you want to update. Step 3 Select "SEO ...