• Resolved bkemal

    (@bkemal)


    Hello,

    I am trying to edit cart table, in order for it to match website theme and colour schemes.

    As you can see there is a hover feature enabled when you hover over the buttons because of the CSS provided below, which has worked well in the shop part of the page.

    But for the cart page, the hover effect works, but as you can see in the image and the link provided you can see that it is just blue, but once we hover over it, it does what it supposed to do, which is turn to a red border, clear background and white writing. I need all buttons to have white border and white writing, and when hovered over, for the border to turn red and writing white.

    If you look at the ‘proceed to checkout’ button as well, when hovered over it completely disappears, how do I fix this?
    The CSS is what has been used previously for the shop page.

    .button.product_type_simple {
    background-color: rgba(131, 64, 64, 0) !important;
    border-style: solid !important;
    border-width: 3px 3px 3px 3px !important;
    border-color: #FFFFFF !important;
    }

    .woocommerce-page .button:hover {
    color: #FFFFFF !important;
    background-color: #2D2D2D !important;
    border-color: #F21204 !important;
    }

    Is there a way to edit the cart table border on the top. At the moment its solid white, I would like for it to change colour in order to match the background?

    https://ibb.co/RHK85s7

    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!

    I have had a look at your cart page and it looks like you were able to resolve most of the CSS changes. The one thing you still need there it seems, would be to edit the cart table border. You can try the following CSS code and see if that helps:

    .woocommerce table.shop_table:hover {
        border-color: green !important;
    }

    Remember to replace the colour with your own preferred colour.

    Cheers!

    Rynald0s

    (@rynald0s)

    Automattic Happiness Engineer

    Howdy.

    We haven’t heard back from you in a while, so I’m going to go ahead and mark this thread as resolved. If you have any other questions please start a new thread.

    Cheers!

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