Customizing Backgrounds for Your Website Sections

Link to Loom

https://loom.com/share/f38e743402bb488fab3c9bed12d61016?src=composer

Customizing Backgrounds for Your Website Sections

1. Introduction to Background Customization

• Purpose: Learn how to customize or change backgrounds of sections or elements on your website.

2. Identifying the Section Component

• Hover over the section component (green or purple box).

• Understand the difference between global sections and single-page elements.

3. Accessing the Background Editor

• Click on the section to open the right-hand panel editor.

• Overview of available customization options.

4. Changing Background Colors

• Remove existing images (highlight box and hit 'P').

• Select a background color:

  • Choose from default colors.

  • Access custom colors to select or add new colors (drag and drop or hex code).

• Incorporate brand kit colors for consistency.

5. Keeping It Simple

• Recommendation to maintain simplicity in background choices.

6. Adding Background Images

• Click on the background section (image icon).

• Options for image sourcing:

  • Upload from your gallery.

  • Use Unsplash or Pixabay for free, royalty-free images.

• Import images by double-clicking on the desired image.

7. Finalizing Edits

• Reminder to save and publish changes to reflect updates on the live site.

8. Support and Assistance

• Encouragement to reach out for help via community or live chat support if needed.