How to Change Background Color of Components in Website

How to Change the Background Color of a Component in the Web Builder

This guide provides a straightforward process for customizing the background color of components in a web builder, allowing users to enhance their site’s visual appeal.


1. Click "My Site"

2. Click "Page Builder"

3. Select the page where the component is located

Click "Build"

4. Page builder opens up

5. Click the component for changing the background color

6. Click "Add your custom style" icon

7. Click "Background"

8. Click "Background Color"

9. Select the color you want

10. Click "Ok" once you have selected your preferred color

11. Click "Save" to save your changes

12. Once you publish the changes, it will be reflected in your website


    • Related Articles

    • How to Navigate Post Page Builder (Detailed)

      This guide offers a straightforward approach to creating and customizing post pages using PodUp's Post Page Builder, making it ideal for bloggers, video creators, and podcasters. It provides step-by-step instructions for adding and enhancing post ...
    • How to Navigate Page Builder (Detailed)

      This guide provides a straightforward method for creating and customizing website pages using PodUp's Page Builder, making it ideal for users of all skill levels. It outlines each step in the process, from accessing the page builder to editing ...
    • How do I customize Web builder Quick Add (Detailed) - Alerts

      By following this guide, you can easily customize Quick Add Alerts in PodUp Web Builder to enhance your website’s design, interactivity, and user engagement. 1. Navigate to https://app.podup.com/home 2. Click "Page Builder". 3. Click the "Build" ...
    • How do I customize Web builder Quick Add (Detailed) - Tabs

      By following this guide, you can easily customize the Quick Add Tabs feature in PodUp Web Builder to enhance your website’s functionality and design. 1. Navigate to https://app.podup.com/home 2. Click "Page Builder". 3. Click the "Build" button for ...
    • How do I customize Web builder Quick Add (Detailed) - Card

      By following this guide, you can easily customize the Quick Add Card feature in PodUp Web Builder to enhance your website’s design and visual appeal. 1. Navigate to https://app.podup.com/home 2. Click "Page Builder". 3. Click the "Build" button for ...