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

Turning on PRO messes up the layout

Hi there,

What can cause this?

Normally, when the non-pro version is turned on, this is how my page looks:

https://www.dropbox.com/s/e8z20aoixkrgoef/Screenshot%202021-04-08%20at%2011.21.38.png?dl=0

If I turn on PRO:

https://www.dropbox.com/s/e8z20aoixkrgoef/Screenshot%202021-04-08%20at%2011.21.38.png?dl=0

https://www.dropbox.com/s/e461lapyojzb7j6/Screenshot%202021-04-08%20at%2011.22.31.png?dl=0

So the issue is, that my custom CSS gets… overwritten? Or something does. 😀

Also, on the second image you can also spot that related products, and the product archive also starts displaying product variations, which brakes the layout. Can you help?

 

 

Tanvirul Haque

Hi Paszli Balazs /,

Could you add me here on Skype?

My Skype ID is: shovon.haque2

Please add me and say hi. I am waiting for you there to quickly squash your issue.

Thank

Tanvirul Haque

Hello Paszli Balazs / Anna,

Please try with the following CSS code and let me know is it worked for you?

.radio-variable-wrapper .radio-variable-item .variable-item-contents {
display: flex !important;
align-items: center;
flex-wrap: wrap;
margin: 10px 0;
}

.variations .variable-items-wrapper.radio-variable-wrapper label {
color: #fff !important;
display: inline-block !important;
padding: 0 !important;
line-height: 1.2 !important;
width: auto !important;
margin-bottom:0;
}

.variations .variable-items-wrapper .radio-variable-item.selected label {
color: #fff !important;
}

.woo-variation-swatches .variable-items-wrapper .radio-variable-item:hover label,
.woo-variation-swatches .variable-items-wrapper .radio-variable-item.selected:hover label {
color: #fff !important;
}

Thanks