changed colour scheme but it doesn't affects on my website

Shopify Discussion
1

Hi All,

wonder if someone can help me. So I changed a colour scheme inside the container and saved it but when I go on my live actual website it doesn’t shows it changed.

Please take a look at the screenshots.

I was changing and changing back and not sure what’s happening.

Can somebody have any idea?

Thanks

Rasa

Capture.PNG
Capture.PNG1608×843 303 KB

Capture1.PNG
Capture1.PNG1733×844 243 KB

2

Hey @Rasiote

Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.

Best Regards,
Moeed

3

Hello @Rasiote

You’re editing an “Image with text” section in your Shopify theme editor and changing the “Container color scheme” (in your case, to Scheme 2), but the change isn’t reflected on the live site even after saving.

Things to Check and Fix:

  1. Preview vs. Live Theme
    Make sure you’re editing the published theme:

. In the Shopify admin, go to Online Store > Themes.

. Ensure the theme you’re customizing is the one currently published.

. If you’re editing a draft theme, changes won’t appear on your live site until you publish it.

  1. Color Scheme Configuration
    Even if you’ve set the section to use Scheme 2, that scheme needs to be defined:

. In the theme editor, go to Theme Settings > Colors.

. Check what colors are actually assigned to Scheme 2.

. If they’re the same as Scheme 1 or not visibly different, you won’t see a change.

. Update the background or text colors for Scheme 2 so it’s noticeably different (e.g., make the background green or pink temporarily to test).

  1. Theme Caching
    Sometimes, browsers cache old styles:

. Try clearing your browser cache.

. Or use incognito/private mode to view your live site.

  1. Custom Code or Apps
    If your theme or apps have custom CSS, it may override your color scheme:

. Check if there’s any custom code in theme.liquid, base.css, or similar files.

. If needed, inspect the element in browser DevTools (right-click > Inspect) to see what styles are being applied and from where.

  1. Section-Specific Settings
    Make sure you’re applying the scheme to the correct section. If there are multiple “Image with text” sections, ensure you’re editing the one visible on the live site.

Suggested Test
Try this simple test:

. Change Scheme 2’s background color to something bold like red.

. Assign it to the section again.

. Save, then check your live site in private/incognito mode.

. If it still doesn’t reflect, you’re likely editing a draft theme or there’s a caching/override issue.

Thank you :blush:

4

my website - www.balticdew.com

5

Hi,

thank you for your reply. I assume is something overriding my changes and I tried from different devices is definitely not changing. The colour schemes is definitely correct and as you can see container colour already bold. I have some custom css in one part of my page I think but only changing font size and not colour. Trying to find where and what is overriding but I am as good with code and not able to find.

6

Hey @Rasiote

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag

RESULT:

Moeed_0-1747983887578.png
Moeed_0-1747983887578.png1677×893 289 KB

If I managed to help then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

7

is not quite right .. image and box has to be in one container is not look like there are 2 containers next to each other

8

Hey @Moeed

Possible to adjust that it will look same as in my screen shot above?