Hii, do you have the same solution for the dawn theme because I can’t find style.css anywhere
Topic summary
Goal: make product option swatches (small color/fabric thumbnails) larger by reducing items per row in the Flex theme for better visibility.
Solution (Flex theme):
- Edit Assets > style.css and adjust the swatch selector sizing, or append custom CSS at the end of the file:
.swatch .color label { min-width: 50px !important; height: 50px !important; } - This increases each swatch’s dimensions; screenshots showed the successful result. OP confirmed it worked.
Image quality concern:
- A participant reported blurry swatches after enlarging. Another user suggested using higher-resolution source images (e.g., 800×800 px) to retain clarity when displayed larger.
Theme variance:
- A Dawn theme user couldn’t find style.css (Dawn uses different asset structure and often section/component CSS rather than a single style.css). No specific Dawn-targeted guidance was provided in the thread.
Status:
- Resolved for Flex (CSS override works).
- Partially unresolved: best practices for preventing blur beyond higher-res images, and where to apply equivalent CSS in Dawn. Attachments were illustrative; the key artifact is the CSS snippet.