Style WooCommerce cart table

  • Resolved nbouman99

    (@nbouman99)


    5 years ago

    Hi all,

    I would like to style the cart table of the WooCommerce cart page. I have fount many CSS examples online, but none of them seem to do the job.

    I would like the table borders to be solid black, no rounded corners. Is there any CSS code to accomplish this?

    Also, how can I edit the weight of the column labels? Changing colors works, but weight doesn’t for some reason.

    Lastly, is there a way to hide cross sell options on the mobile cart page only?

    Theme: Hello (Elementor)

    Best,
    Nijs

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Support kellymetal a11n

    (@kellymetal)

    Hi there,

    I understand you would like to set the Cart product table borders to be solid black with no rounded corners, change the weight of the column header labels, and hide the Cross Sells on the Cart page only on mobile.

    Please try adding the following CSS to your Customizer under the “Additional CSS” section:

    
/* Set Product Table Border styling */
.woocommerce .woocommerce-cart-form table.shop_table,
.woocommerce .woocommerce-cart-form table.shop_table tr,
.woocommerce .woocommerce-cart-form table.shop_table td,
.woocommerce .woocommerce-cart-form table.shop_table th {
  border: 1px solid black;
  border-radius: 0;
}

/* Set Product table Column header weight */
.woocommerce-cart-form table.shop_table th {
  font-weight: 500 !important;
}

/* Hide Cart Cross Sells on Mobile */
@media only screen and (max-width: 480px) {
  .cart-collaterals .cross-sells {
    display: none;
  }
}

    I hope that helps! Have a wonderful day!

    Thread Starter nbouman99

    (@nbouman99)

    Thank you so much. All of your suggestions worked.

    Have a nice day!

    Plugin Support kellymetal a11n

    (@kellymetal)

    Hi there,

    Very glad to hear they worked! : )

    I’m going to mark this thread as resolved.
    If you have any further questions, please start a new thread.

    Have a wonderful day as well!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Style WooCommerce cart table’ is closed to new replies.