Get a quick single-click solution to share your products on various social media platforms.Buy Now!
Public Ticket #3178

Table styles in Firefox

FKuna

FKuna

Hi,

We have an issue in the Firefox browser. It shows the second column stretched (for expample – https://sunap-plasty.antstudio.dev/sortiment/085-zatky-kruhove-hlava-rovna-3/). In Chrome, it looks okay; the issue is just in Firefox. I’ve tried to rewrite the styles with custom CSS, but they did not apply in Firefox at all, even when I used the -moz- prefix. Could you please help me with this?

Thank you,

FK

wpx

wpx

Hi,

I hope you are doing well today.

Please add the following CSS at Appearance > Customize > Additional CSS

.pvtfw_variant_table_block table.variant {
table-layout: fixed;
}

Hope to hear from you soon.

Best Regards

FKuna

FKuna

Hello,

that did not help. It actually crashed the rest of the columns. Here is a screenshot - https://imgur.com/NIgCYwc

 

Could you please check it out?

FK

wpx

wpx

Hi FK,

Can you please share a link? Your previous link is not working.

Hope to hear from you soon.

Best Regards

FKuna

FKuna

Hi, sure, here it is https://www.sunap-plasty.cz/

wpx

wpx

Hi FK,

You have several number of columns. So, please add the following CSS (at Appearance > Customize > Additional CSS) to get the same result on both Firefox and Chrome:

.variant {
  table-layout: fixed;
}
.pvt-tr > td {
    white-space: normal;
    word-wrap: break-word;
    word-break: break-all;
}
button.pvtfw_variant_table_cart_btn.button.alt {
    word-wrap: break-word;
    white-space: normal;
}

Hope to hear from you soon.

Best Regards

Products
Ticket Label