Size Attribute CSS code required

Could you please send me CSS code for Product Size attribute? so that i can add it into my custom css field, because as you can see in the picture, i have installed Alidropship Woo plugin to import products and it imports attributes as well, so i want to keep the style of “color” attribute as “image buttons” but i do not want “size” attribute as shown in the image, i want it as in the woodmart them like a dropdown.

https://i.gyazo.com/53e6bd4d1b21e810f6eeb9a8b6c08688.png

This is the “CSS class name for the size attribute”:
class=”adsw-attribute-option”

please do this favor to me!

Hi,

Sorry, but you are asking us for help in extra plugin customization that is out of our theme support scope. You can try to contact plugin’s developers for help with their product.

Kind Regards

NO, i am asking you to send me the code of “Woodmart theme Size Attribute Style”

I need CSS code of this attribute atyle:
https://i.gyazo.com/60e216ce242e4146e930ccb309660680.png

to overwrite this attribute style:
https://i.gyazo.com/0794716c0419a589f5a6d146b3b8e6ef.png

I will copy the “CSS code” which you will send me and paste it into “custom CSS field” of ALidropship Woo plugin

you have already implimented that code in woodmart theme!

But you are not able to transform their elements to HTML select dropdowns as on our demo. It is not possible with CSS code.

This is Attribute Setting Panel of “Alidropship Woo”:
https://i.gyazo.com/3bfdd09e89edd856ae00355b7a802b72.png
I enabled “Status” to activate the Attribute style of Plugin, because i want Color Attribute to show as Images not as Color Pallette.

It will look like this:
https://i.gyazo.com/32ab9de83c5083a004dc6feaeb21fd67.png

If i disable the “status” attribute style:
https://i.gyazo.com/9b5c3a7c226ab21ca67bb2b10bcf80c5.png

It will show the style of offered by theme:
https://i.gyazo.com/3d98a77c75c4f4af000698a0d149023a.png

I hope you can understand my problem, could you please help me in this regard, how can i solve this issue?

Do you mean that “Color” attribute is shown wrongly in this situation? You just need to clear all swatches colors options for each attribute term in Dashboard -> Products -> Attributes -> edit color attribute terms.

https://i.gyazo.com/53e6bd4d1b21e810f6eeb9a8b6c08688.png

As you can see in this picture, “size” attribite variations is shown as “L XL XXL XXXL M”, because i installed a plugin to import products.

I want to change this as default dropdown style of “woodmart” theme. As the plugin offer me to add custom css code.

So if you can send me the css code of size attribute variation style, i will add it into custom css field of that plugin, so that i can oberwrite the css code of the plugin.

Sorry, but the CSS code for our variation can’t be applied for the HTML of that plugin. It will not work.

Could you please send the css code of “color” variation style?
https://i.gyazo.com/3d98a77c75c4f4af000698a0d149023a.png

I will apply it to variations of “size” attribute “L XL XXL XXXL M”

But there is no any specific styles for this “Color” variation style. There is only general CSS that applied for all attributes.

Coupd to please send me that general css code… i will try it on that plugin.. if it won’t work… then no problem.

You can find it in the file woodmart/style.css. Everything with CSS class .swatches-select is related to these attributes. There is too much code to post it here.

[Author]

Posts