Home › Forums › WoodMart support forum › How to configure the buttons on the flyout cart view

How to configure the buttons on the flyout cart view

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • May 1, 2025 at 9:30 am #657699

    hey3212
    Participant

    hi,

    when you click the cart button on the main nav menu, a flyout cart view will appear. There are two buttons at the bottom. How to configure these two with the same hover actions and shapes?

    Attachments:
    You must be logged in to view attached files.
    May 1, 2025 at 9:35 am #657706

    hey3212
    Participant

    I want the view cart button to be blue with black text static and then change to black with white text when hovering. Attached.

    Attachments:
    You must be logged in to view attached files.
    May 1, 2025 at 3:53 pm #657806

    Hung Pham
    Keymaster

    Hi hey3212,

    Thanks for reaching to us.

    Please use below code:

    .woocommerce-mini-cart__buttons a.btn-cart{
    background-color: var(--btn-default-bgcolor-hover);
}

.woocommerce-mini-cart__buttons a.btn-cart:hover{
    background-color: #000;
    color: #fff;
}

    Regards,

    May 1, 2025 at 4:42 pm #657817

    hey3212
    Participant

    thank you very much. It worked, except that the “view cart” button text is dark grey. Could you make it black? The blue color code is 87CEEB btw. And the checkout button below, it should be “Check Out” two words for an action, not checkout as it is displayed currently. Could you make that change too.

    Attachments:
    You must be logged in to view attached files.
  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)