Forum Replies Created

Viewing 6 replies - 1 through 6 (of 6 total)
  • Thread Starter hd42

    (@hd42)

    Ok, did it.

    [data-attribute_name="attribute_pa_tarif"] .variable-item:not(.radio-variable-item) {
      width: 200px !important;
      height: 200px !important;
    }

    I took your idea and added the class items/elements.

    Thank you for your help so far.

    Thread Starter hd42

    (@hd42)

    I think we are getting closer to my aim XD

    That worked for the value part (i think we can call it the table of variant options?) of tha variation.

    I use following code in style.css (child theme)

    .variable-item:not(.radio-variable-item) {
    	width: 150px !important;
    	height: 150px !important;
    }

    But that applies to all variations. So I think I need to combine my code with yours somehow?

    I tried some variations but it didnt work out. Do you have any ideas for that?

    Or in another words: How can I use my code by adressing that “data_attribute…” part

    • This reply was modified 5 years, 10 months ago by hd42.
    Thread Starter hd42

    (@hd42)

    Following code is doing what I want:

    .woo-variation-swatches.wvs-style-squared .variable-items-wrapper .variable-item {
    	width: 200px !important;
        height: 200px !important;
    }

    I have a swatches class there I know. But for example in storefront that has to look similar.

    My only problem now is that this applies to all 3 variation types I have.

    I only want it on the third variation type.

    So how do I adress this in css?

    I see

    data-attribute_name="attribute_pa_tarif"

    So my variation ID would be “attribute_pa_tarif” I guess.

    I tried following

    #attritubte_pa_tarif .woo-variation-swatches.wvs-style-squared .variable-items-wrapper .variable-item {
    	width: 200px !important;
        height: 200px !important;
    }

    but sadly it didnt work.

    Any ideas?

    Thread Starter hd42

    (@hd42)

    Thank you for the reply Niels.

    No, my question is in general. I brought up swatches to show/state what I am trying to achieve.

    I need to add css to a variation, wether it has swatches elements or not is irrelevant.

    Thread Starter hd42

    (@hd42)

    Thank you for your help.

    So are you sure it is possible with that plugin or is this a guess?

    I already send them an email so I can inform here after their response.

    Thread Starter hd42

    (@hd42)

    Thx for the fast reply. Didnt see the notification in my emails ^^.

    Topic can be closed then I guess

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