How to Remove a Section Gradient

---

This guide will walk you through the simple process of removing a linear gradient background from a section in the Momentum theme and replacing it with a solid color of your choice.

Overview

By default, some sections in the Momentum theme may feature a linear gradient. If you prefer a clean, solid background, you can easily swap this out within the theme editor using a standard hex color code.

Step-by-Step Guide

1. Open the Theme Editor

Log in to your Shopify admin dashboard and navigate to Online Store > Themes. Click the Edit Theme button next to your Momentum theme to open the theme editor.

2. Select Your Section

Locate the specific section you wish to edit (for example, the FAQ section) by clicking on it in the sidebar or selecting it directly in the live preview.

3. Remove the Gradient

In the section settings sidebar, look for the Background Color or Gradient field.

• You will see the current setting is a "Linear Gradient."
• Click the Remove Gradient button. This will clear the existing gradient styling.

4. Enter a Solid Color Code

Once the gradient is removed, you will need to provide a standard hex color code to set the new background:

• Click into the color input field.
• Type or paste your desired hex code.
• Important: Ensure you include the hash (#) symbol at the beginning (e.g., #FFFFFF for white or #000000 for black) to ensure the color renders correctly.

5. Save Your Changes

Once you see the solid color update in the preview window, click Save in the top right corner to apply the changes to your live store

See this video for a quick visual guide.

💡 Quick Tip: Common Color Codes If you aren't sure which code to use, here are a few basics:

• White: #FFFFFF
• Black: #000000
• Light Grey: #F4F4F4
• Dark Grey: #333333

---

Gradients From the Color Scheme

Added in Momentum 1.1.0 (October 2026).

Since Momentum 1.1.0, sections can show a gradient from two places. Which one applies depends on the Colors setting of the section:

Colors setting of the section	Where the gradient comes from	How to remove it
Custom	the section's own Background color field	as described above: open the field, click Remove gradient and enter a solid color
Use color scheme	the Background gradient of the selected color scheme	in the color scheme, see below

Removing a gradient that comes from the color scheme

If a section uses Use color scheme and shows a gradient, the section itself has no gradient field to remove. The gradient is set in the color scheme:

1. In the theme editor, click the Theme settings icon (gear) and open Colors.
2. Click the color scheme the section uses (you see its name in the section's Color scheme setting).
3. Find Background gradient ("Optional. Overrides solid background when set.").
4. Clear the gradient (click Remove gradient). The scheme then uses its solid Background color again.
5. Click Save.

Important: this changes every section that uses this color scheme. If you only want to remove the gradient from one section, choose one of these instead:

• Select a different color scheme for that section, one without a background gradient, or
• Set the section's Colors to Custom and enter a solid Background color.

Adding a gradient on purpose

The same works the other way round: enter a gradient in a color scheme's Background gradient field and every section using that scheme shows it, or set a gradient in the Background color field of a single section with Custom colors. If a scheme has both a solid background and a gradient, the gradient wins.