Background Fill

How to Adjust Background Fill in AppSections Group Blocks and Sections

The "Background Fill" setting in AppSections allows you to control the background color of certain group blocks and sections. This setting provides flexibility in defining the background appearance, enhancing the overall visual appeal and consistency with your brand style. Here is how you can adjust the background fill:

Background Fill

Purpose: This setting allows you to choose the background fill for group blocks and sections.

Usage: Select from three options to set the desired background fill.

Background Fill Options

1. None: No background color, transparent.

2. Solid: A solid color is applied, using the "Background" color defined in the color schema of the brand style.

3. Gradient: A gradient color is applied, using the "Background Gradient" defined in the color schema of the brand style.

Steps to Adjust Background Fill

1. Select the Group Block or Section:

   • Open your Shopify theme editor.

   • Navigate to the specific group block or section where you want to change the background fill.

2. Locate the Background Fill Setting:

   • In the settings for the group block or section, find the Background Fill option.

3. Select Background Fill Option:

   • Choose one of the three options based on your design preferences:

     • None: For no background color (transparent).

     • Solid: To apply a solid color, using the "Background" color from the brand style.

     • Gradient: To apply a gradient color, using the "Background Gradient" from the brand style.

Ensuring the Right Background Fill

1. Preview Changes:

   • After selecting a background fill, preview your store to see how the changes look.

   • Check the group block or section to ensure the background fill is applied correctly and enhances the visual appeal.

2. Check Consistency:

   • Ensure that the background fill aligns with your brand’s aesthetic and provides a cohesive look across both desktop and mobile devices.

3. Test Across Devices:

   • Verify the background fill on different devices to ensure it looks good and maintains visual appeal on all screen sizes.

Summary

By using the "Background Fill" setting in group blocks and sections, you can customize the background appearance in your Shopify store. This flexibility allows you to enhance the visual appeal and consistency of your components, ensuring a dynamic and engaging user experience across all devices.

If you have any questions or need further assistance, please contact our customer support team.