Announcement

Collapse
No announcement yet.

More then 4 color swatches

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

    More then 4 color swatches

    Hi all,
    On Shadows Theme, we have many products with more then 4 color swatches (like the example theme shows) so once all are input, the rows of 4 swatches bunch together. http://www.danceoutfitters.com/mm5/m...duct_Code=1915 To look balanced, we'd like to have the rows of swatches spaced 10 to 15 pixels (to equal the spacing of columns). Using 47 x 47 swatches - is that too big? Where is the rows of 4 swatches being controlled from?
    Thanks!

    #2
    The number of horizontal swatches is controlled by the total available width of the area. You can modify the margins of the LI elements by targeting them in your theme-styles.css filr.
    Code:
    .x-product-layout-purchase__swatches .o-list-inline__item {
        margin-right: 16px;
        margin-bottom: 16px;
    }
    Matt Zimmermann
    Director of UI/UX
    / Miva, Inc.

    Comment


      #3
      Perfect! Thank you so much!

      Comment

      Working...
      X