Add a Custom Background

A great way to personalize your website is by adjusting the background of sections of your website. You can do this by using colors from your chosen website theme colors, images from our library, or by uploading an image of your own.

Video Walkthrough

Edit Background

Start by logging into the AgentMethods platform. Click Website from the left menu. You'll be directed to the Manage Pages page. 

Next, you need to find the section you'd like to edit. Find the page you'd like to edit, then select the pencil icon to the right of the page. 

This will open the website builder. Scroll down the page, and click on the component that you'd like to edit. 

A menu will now appear on the right hand side of your screen. 

Click on the Background tab to edit your background.

Change Background Color

Click on the Color tab if you would like to change the background color of the section.  You will be able to choose a color from your chosen website theme.

Add Background Image 

Add an Image to the Background

Within the background editor, select the Image tab. 

The click on Choose Image to select a background image. 

Add From Our Image Library

Our image library will appear, showing all of the image options which already exist in the AgentMethods Platform. You can search for images or use the tags feature to find the right image. 

Once you find the image you'd like to use, click the green  Save button at the bottom of the window. 

Upload Your Own Image 

If you'd like to upload your own image from your computer, click the Custom Upload button at the top of the pop-up window. Then click the Upload Image button. 

Once you've selected the image you'd like to upload, click the green Save button at the bottom of the screen to save your changes. 

Add Background Effects

You can further customize your image background by adding effects, adjusting image alignment, and adding gradient color overlay. 

Once you've selected your background image, scroll down and test out the effects! 

Don't forget to click Publish at the top of the page when you're finished to save your changes.

Have any questions about editing component background? Contact us and we'd be happy to help! 🎉