Archived topic

CSS Styling Issue variantions

5 replies · Started by nik9 on February 11, 2021

Viewing posts 1–6 of 6

February 11, 2021 at 3:03 pm #1655100

Hello,

I have a styling issue for mobile. How can I adjust (only on that product page) this to this for mobile only? => https://ibb.co/wg1cpSN

I tried with .variations {text-align-last: center;} but that does not work..

Cheers

February 11, 2021 at 3:08 pm #1655105

Hi there,

Try this CSS:

.vi-wpvs-variation-wrap {
    justify-content: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
}

Let me know :)

February 11, 2021 at 3:19 pm #1655113

Thanks!

Now I use this CSS:

But.. it does not work on iPhone.. safari & chrome tested. Do I have to use for that different options?

.vi-wpvs-variation-wrap {justify-content: center !important;}

.vi-wpvs-variation-style .vi-wpvs-variation-wrap-wrap {text-align-last: center;}

.woocommerce div.product form.cart .variations td.label {text-align-last: center;}

td.value.vi-wpvs-variation-style-content {text-align-last: center;}

February 11, 2021 at 4:17 pm #1655143

Yea.. that's browser support issue. Edited CSS here have a try:
https://generatepress.com/forums/topic/css-styling-issue-variantions/#post-1655105

February 11, 2021 at 11:39 pm #1655341

perfect! thanks! :)

February 12, 2021 at 12:49 pm #1656313

No problem :)

This archived topic is closed to new replies.

Start building better websites today.