Lightbox border width / Product variables

[sopm]

Hi,

I have a few changes I would like to make to the product pages on my website that I’m having trouble with:

Change the lightbox border width to 1px rather than the original 4px.

Change the product variable dropdown to say ‘size’ rather than just displaying the first variable option – in this case ‘K’

Thanks!

Attachments:

You must be logged in to view attached files.

[Kyle – SUPPORT]

Hi

1) Add this to your custom css:

.zoomContainer .zoomLens {
  border-width: 1px!important;
}

2) Add this:

.woocommerce div.product form.cart .variations td.label {
  display: block;
  text-align: left;
  width: 40px;
}
.woocommerce div.product form.cart .variations td.label label {
  line-height: 60px;
}

– Kyle

[sopm]

thank you – the lightbox workds great

for the dropdown variable menu – is it possible to make the dropdown look similar to as attached, so when you click to the page it says ‘choose a size ‘ and you can click and the menu drops down and you are able to choose a variable option. rather than having the ‘size’ text nextdoor to the dropdown

thanks for your help!

Attachments:

You must be logged in to view attached files.

[Kyle – SUPPORT]

Hi

I do not think this is available in WooCommerce, out of our control unfortunately

– Kyle

[Kyle – SUPPORT]

Hi

I do not think this is available in WooCommerce, out of our control unfortunately

– Kyle