Section Interrupting Aesthetics of Another?

Store Design
, , , ,

Topic summary

A user added an “Image Marquee” section labeled “New Arrivals” to their Shopify site and encountered an unexpected issue: all slider arrows across different sections (Featured Product, Popular Collections, etc.) changed their appearance after saving.

Key observations:

  • The slider arrow styling alterations occur only when the Image Marquee section is visible
  • When the Image Marquee section is hidden, the slider arrows return to their original design
  • This suggests a CSS conflict where the new section’s styles are unintentionally affecting other page elements

Current status: The user is seeking help to identify the source of this styling conflict and restore the original slider arrow aesthetics while keeping the new section active.

Summarized with AI on November 25. AI used: claude-sonnet-4-5-20250929.
1

Hey there,

I’ve added an Image Marquee section called “New Arrivals” on a site I am currently editing. After saving the edits I made to this section, I noticed all of the sliders were altered. For instance, the arrow slider on the Featured Product section of the same page, Popular collections section, etc. is altered. Once the Image Marquee section is hidden, the slider arrows return to their original design.

Does anyone know where this issue stems from?

Here is a preview of the site: https://ewah04fimuu8o732-56186404931.shopifypreview.com