Custom css being over ridden by cart related css.

  • tomstickland

    (@tomstickland)


    3 months, 2 weeks ago

    I’ve added some custom css to the style using the additional css feasture. This is so that tables don’t have borders.

    table, th, td {
    border: none !important;
    }

    This doesn’t work unless “!important” is in the property setting. Otherwise it is overwritten by “

    #add_payment_method .cart-collaterals .cart_totals table, .woocommerce table.shop_table, .woocommerce-cart .cart-collaterals .cart_totals table, .woocommerce-checkout .cart-collaterals .cart_totals table, table:not([id^=wp-calendar]):not(.ui-datepicker-calendar):not(.tribe-mini-calendar):not(.pika-table) { border: 2px solid #f7f8f9;

    This comes from “wp-content/themes/customizr/assets/front/css/style.min.css?ver=4.4.21”

    This looks like a bug or misconfigured feature to me. How do I stop the cart/payment styles from overriding the main theme styles?

    • This topic was modified 3 months, 2 weeks ago by tomstickland.
    • This topic was modified 3 months, 2 weeks ago by tomstickland.
Viewing 1 replies (of 1 total)
  • amirzia

    (@amirzia)

    3 months ago

    Hi
    I think you can resolve this by increasing the specificity of your custom CSS selector. Other solution is that you have select the CSS selector of cart /payment and assign CSS again.

    Thanks

Viewing 1 replies (of 1 total)
  • You must be logged in to reply to this topic.