Slider picture colour is different than ori picture Retina Theme

Topic summary

A user reports that slider images on their Shopify store (using Retina Theme) display with different colors compared to the original uploaded images.

Issue Details:

  • The color discrepancy is visible when comparing slider images to their original versions
  • User provided visual examples showing the difference
  • Website link and screenshots were shared for reference

Proposed Solution:

  • A respondent suggested adding custom CSS code to the theme files
  • Steps involve: navigating to Online Store → Theme → Edit code → theme.liquid file
  • The fix requires pasting specific CSS targeting [data-rimg-canvas] elements before the closing </body> tag
  • The CSS appears to modify background color properties

Status:

  • Solution was marked as accepted by the original poster
  • The issue appears resolved through the CSS modification
Summarized with AI on November 5. AI used: claude-sonnet-4-5-20250929.

Hi,

My picture on slider, their color are different than original color, not sure what is the reason, but could anyone please help me to solve this issue?

Here is the example:

Original

Slider

My website link is: https://dajiang.com.my/

Thank you.

Hello @Mentorpublish

You can add code by following these steps

  1. Go to Online Store → Theme → Edit code.

  2. Open your theme.liquid file

  3. Paste the below code before on theme.liquid

[data-rimg-canvas] { background: rgb(64 64 64 / 2%) !important; }

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.

1 Like