fbpx
Want To Add Extra Images Per Product Variation For Free? Download Now

Show full variation text

Guilherme Souza

Hi guys good morning.

We have a little problem.

How can we display this single variation differently?

Look: https://wayup.com.br/produto/vale-presente/

When we put it in (Radio) mode the layout is broken.
Radio Mode.png

 

 

 

 

 

 

 

 

 

Now in (Button or Selection) the system does not show the whole text.
Button or Selection Mode.png

We want to show the full text.

Can you help us?

Hakik Zaman

Hi Guilherme,

Thanks for getting back to us. Please modify the CSS snippet I provided last time-

/* Swatches support for Kona */
.product .cart .variations .variation .variable-items-wrapper li {
width: auto;
height: auto;
min-width: var(--wvs-single-product-item-width,30px);
min-height: var(--wvs-single-product-item-height,30px);
}
.product .cart .variations .variation .variable-items-wrapper li .variable-item-span {
width: auto;
height: auto;
padding: 0;
line-height: 26px;
min-width: 26px;
min-height: 26px;
}

Then let me know if it resolves your issue or not.

Thank You

Guilherme Souza

Hello Hakik, how are you?

Thank you very much.
Worked perfectly.

Hakik Zaman

Hi Guilherme,

Yes, I am fine 🙂. How are you?

I am very glad that the CSS snippet helps.

Is there anything I can help with?

Or,

Can I close this ticket?

Thank You

Guilherme Souza

Hello Hakik.
we are great

You can end the tickets.

Now everything is working perfectly.

thank you so much