Home Forums Pre-Sale Select Variation Popup – CAIO

Select Variation Popup – CAIO

  • Author
  • #179686


    Hello Villa Team,

    I hope you are all well.

    I have enabled the Select variation pop-up option under CAIO settings as shown here:

    By default it shows this way as here:

    Myself I added the below CSS rules to make everything centred as here:
    .vi-wcaio-va-cart-form-wrap-wrap * {
    text-align: center !important;
    justify-content: center !important;

    Until here everything looks really neat for the Button type variation swatches. The popup takes about 20-50% width on desktop depending on the screen size.

    However, the HTML/CSS for the color type variation swatches are not displayed the same way as shown here:
    The variation title and color variation swatches display inline, instead as column layout and also the popup takes about 70-90% width on desktop depending on the screen size.

    I don’t think there is a conflict with anything on my site, but is rather something that needs improvement. Could you please have a look?

    Kind regards,

You must be logged in to see replies to this topic. Click here to login or register