Cart Page Editing Help

  • Hello,

    There’s a few issues with this page which I am unable to edit through Elementor, as for this cart section to show a code is inputted which is ‘[woocommerce_cart]’.

    I would like for the white border on the tables to change colour to match the background and the grey subheadings to turn white.

    As well as this, I want to change the colours of ‘subtotal’ and ‘total’ to white. I would also like to change the buttons to ensure that they have a clear background with white writing and white border, with a hover effect to ensure that when hovered over the button changes to a red border, with white writing and a clear background.

    https://ibb.co/JBrY27g

    Any Help will be greatly appreciated!
    Thanks

    • This topic was modified 4 years, 4 months ago by bkemal.

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • Rynald0s

    (@rynald0s)

    Automattic Happiness Engineer

    Hi @bkemal!

    You can change the border color using CSS code, like so: 

    .woocommerce table.shop_table {
border-color: #fff
}

    And the text you need changed, can be done with the following CSS code: 

    .woocommerce-cart .cart-collaterals .cart_totals table th {
color: #fff;
}

    This CSS code can be added to the “Additional CSS” section in your customizer.

    Remember to replace the #fff with your own colors.

    Cheers1

    Thread Starter bkemal

    (@bkemal)

    Hello,

    Thanks for your help. The second css done exactly what I want which is perfect.

    But the css code for the borders didn’t do what I want. I’ll be more specific; so as you can see in the image, at the top of each table there is the white border/block which has the sub heading within them. Is there a way, so I can change the white bordering to a different colour. As the code you provided adds a separate outline to the table.

    As well as this the colours of heading texts within the tables did not change. I need them to change all to white, and have the top border of each table to change colour.

    Once again thank you for your help,
    Burkay

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Cart Page Editing Help’ is closed to new replies.

Tags