# Swap Color Order

### How to Swap Color Order in AppSections Group Blocks and Sections

The "Swap Color Order" setting in AppSections allows you to invert the colors used in background patterns applied to certain group blocks and sections. This setting provides flexibility in customizing the appearance of your patterns, enhancing the overall visual appeal and consistency with your brand style. Here is how you can adjust the swap color order:

### **Swap Color Order**

**Purpose:** This setting allows you to invert the colors used in background patterns. 

**Usage:** Enable this option to swap the colors in the selected pattern.

### Steps to Adjust Swap Color Order

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 color order of the pattern.
2. **Locate the Swap Color Order Setting:**
   * In the settings for the group block or section, find the **Swap Color Order** option.
3. **Enable Swap Color Order:**
   * Check the box or toggle the switch to enable the swap color order option.
   * This will invert the colors used in the selected pattern.

### Ensuring the Right Color Order

1. **Preview Changes:**
   * After enabling the swap color order, preview your store to see how the changes look.
   * Check the group block or section to ensure the color inversion is applied correctly and enhances the visual appeal.
2. **Check Consistency:**
   * Ensure that the swapped color order aligns with your brand’s aesthetic and provides a cohesive look across both desktop and mobile devices.
3. **Test Across Devices:**
   * Verify the swapped color order on different devices to ensure it looks good and maintains visual appeal on all screen sizes.

### Summary

By using the "Swap Color Order" setting in group blocks and sections, you can invert the colors used in background patterns in your Shopify store. This flexibility allows you to enhance the visual appeal and uniqueness 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.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.appsections.com/settings/content/sections-blocks/color-content/swap-color-order.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.