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!

  • 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


    • Perfect! Thank you so much!

      Comment

      Working...
      X

      This website uses cookies to identify visitors, track visitors to our website, store login session information and to remember your user preferences. By continuing to use this site you agree to our use of cookies. Learn More.

      This website uses cookies. By continuing to use this site you agree to our use of cookies. Learn More.

      Accept