How to change size of the photo inside the variant color button

Store Design
,

Topic summary

A user wants to enlarge color variant selector photos to fill their button containers while keeping the button size unchanged.

Initial Solution:

  • Support provided CSS code to add in theme.liquid file under <head> element
  • First code snippet increased both photo and button size (not desired)

Refined Solution:

  • Updated CSS code successfully enlarged only the internal photo while maintaining button dimensions
  • Side effect: Collection page images were unintentionally affected
  • Final CSS adjustment resolved the collection page issue
  • Original poster confirmed everything worked correctly

Follow-up Issue:
Another user (Juanpa11) encountered the same problem but struggles with code placement. They attempted inserting code under <head> without success and shared screenshots showing their issue and code placement attempts. This remains unresolved and awaiting assistance.

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

Please update code to this
1 Like