Visual Settings Not Applying on Storefront

Problem:

Custom visual settings or custom CSS changes appear correctly in the admin preview but do not reflect on the live storefront.

Solutions:

• Make sure changes are saved.

Click "Done" in the Customize modal and then save the product group. Closing the modal without confirming may leave changes unapplied.

• Clear browser cache or use an incognito window.

Storefront JavaScript and CSS files can be cached by the browser. Testing in a private window helps confirm whether caching is the issue.

• Verify the correct group and context.

• Check Custom CSS scope.

The :host selector is transformed at runtime into a group-specific selector such as [data-rcl-group="N"].

CSS variables applied directly on the group container override inherited values. If a variable is not taking effect, verify it is not being overridden by another variable on the same container.

Updated on: 16/02/2026