• Version 1.24.3 introduced changes to the css styles shipped with this plugin. The styles in question are:

    .woocommerce-checkout table.shop_table {

    table-layout: fixed !important;

    width: 100% !important;

    }

    .woocommerce-checkout table.shop_table tfoot {

    width: 100% !important;

    display: table-footer-group;

    }

    .woocommerce-checkout table.shop_table tfoot tr {

    display: table-row;

    width: 100% !important;

    }

    <..>

    tfoot select,...

    These styles make any theme and default woocommerce styles irrelevant and breaks the layout of checkout page.

    Plugins should not ship global styles that could affect other parts of the website and should not generally use !important statements to restyle other plugin layouts without any option to opt out other then editing the plugin itself (e.g. tfoot select { width: 100% !important; })

    Ideally styles should be plugin specific .wc-venipak-shipping-terminals selector {}, this ensures other parts of the website will not be affected.

The topic ‘CSS Issue’ is closed to new replies.