Variation swatches resizing

  • I’m currently using the Woocommerce Variation Swatches by Themealien. It functions the way I need it to and is a great plugin, apart from one thing..

    https://dragonmagic.store/product/printed-bronze-cushion-covers/ see this page as an example. Is there a way to make the variation swatches larger? They just look too small with the page design I’m using.

    Is there a certain line of code I can add to the php? Or another plugin that’s free that will allow me to make the variation images larger?

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)

  • Hi same here.I’m also looking for making the images larger.
    I hope someone know how to do it. ??

    Try adding this to your CSS:

    .tawcvs-swatches .swatch {border-radius:5%!important;height:60px!important;width:60px!important;}

    .tawcvs-swatches .swatch.selected {height:70px!important;width:70px!important;box-shadow: none!important;}

    The first one is for the size of the swatch by itself, the second is for the swatch when selected. As you can see, I had the swatch grow by 10px when selected.

    julienher

    (@julienher)

    Hello @dallasmac. Wow I just tried today and it’s works just fine thank you!
    Is it possible to moves the image under the attribute title ?

    Thank you !

    julienher

    (@julienher)

    Hello @dallasmac. Wow I just tried today and it’s works just fine thank you!
    Is it possible to move the image under the attribute title ?

    Thank you !

    julienher

    (@julienher)

    I just find how to do it. I added that in the CSS

    .woocommerce div.product .summary .variations .label,
    .woocommerce div.product .summary .variations .value{
    display:block;
    width:100%;
    float:none;
    }

    .woocommerce div.product .summary .variations .label,
    .woocommerce div.product .summary .variations .value{
    display:inline-block;
    width:100%;
    float:left;
    }
    }

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Variation swatches resizing’ is closed to new replies.