Home › Forums › WoodMart support forum › How to change the cart button colour in the side

How to change the cart button colour in the side

Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • May 1, 2022 at 1:44 pm #372291

    contactpleazurr
    Participant

    Hello,

    How to change the cart button colour in the side: https://snipboard.io/RAl3ue.jpg?

    May 2, 2022 at 1:49 am #372364

    Elise Noromit
    Member

    Hello,

    Please add this code to the Theme Settings > Custom CSS > Global:

    body .woocommerce-mini-cart__buttons .btn-cart {
    color: white;
    background-color: red;
}
body .woocommerce-mini-cart__buttons .btn-cart:hover {
    color: white;
    background-color: green;
}

    Set the colors as per your needs.

    Best Regards

    May 2, 2022 at 11:41 am #372441

    contactpleazurr
    Participant

    Hello,
    That did not work. I am trying to change the button colours to: #F65454 and #F8E5E5 for hover.
    The boxes are still grey.

    Please see video in private content.

    May 3, 2022 at 4:54 am #372626

    Elise Noromit
    Member

    Hello,

    Please add this code to the Theme Settings > Custom CSS > Global:

    body .woocommerce-mini-cart__buttons  .btn-cart {
    color: white;
    background-color: #F65454;
}
body .woocommerce-mini-cart__buttons  .btn-cart:hover {
    color: white;
    background-color:#F8E5E5  ;
}

    Best Regards

    May 3, 2022 at 11:31 am #372698

    contactpleazurr
    Participant

    Hello,

    It is still not working.
    https://snipboard.io/oNjRBO.jpg
    https://snipboard.io/CkdHVa.jpg

    Please advise.

    May 4, 2022 at 1:40 am #372913

    Elise Noromit
    Member

    Hello,

    Please insert the site admin access into the Private content below the message area. We will take a closer look at the case.

    Best Regards

    May 4, 2022 at 12:23 pm #372998

    contactpleazurr
    Participant

    Hello, I have added the info in the private content.

    May 5, 2022 at 4:23 pm #373398

    Elise Noromit
    Member

    Hello,

    Please add this code to the Theme Settings > Custom CSS > Global:

    .widget_shopping_cart_content .elementor-menu-cart__footer-buttons a.elementor-button--view-cart{
background-color:red;
}

    Best Regards

    May 5, 2022 at 4:54 pm #373424

    contactpleazurr
    Participant

    Hello,

    That only changed 1 button also there is no hoover colour: https://snipboard.io/AkMsKa.jpg

    Also as mentioned previously, I need the following for BOTH buttons:
    Button: #F65454
    Hoover: #F8E5E5

    I have no hoover colour and “checkout” is still grey/no colour change.

    You have given me 3 css codes now and still not working properly. I also have given you my login as I have expected you to give me a css code that works by now.

    Please advise with a working css code.

    May 6, 2022 at 10:21 pm #373792

    Elise Noromit
    Member

    Hello,

    You need just to replace the code: 

    body .widget_shopping_cart_content .elementor-menu-cart__footer-buttons a.elementor-button--view-cart{
background-color:#F65454;
}
body .woocommerce-mini-cart__buttons .btn-cart {
background-color:#F65454;
}
body .widget_shopping_cart_content .elementor-menu-cart__footer-buttons a.elementor-button--view-cart:hover{
background-color:#F8E5E5;
}
body .woocommerce-mini-cart__buttons .btn-cart:hover {
background-color:#F8E5E5;
}

    Best Regards

    May 8, 2022 at 11:38 am #373980

    contactpleazurr
    Participant

    Hello,

    The checkout button is still not changing colour as it’s still green! https://snipboard.io/3BiLVd.jpg

    As I gave you access to my site, can you please test that these work before giving me the code? You gave me 4 codes so far that do not work.

    Please advise.

    May 9, 2022 at 12:52 pm #374237

    Elise Noromit
    Member

    Hello,

    Please check the screen: https://gyazo.com/77faa53b26668a401a43ac8c917aeb8e

    If you have any questions please feel free to contact us.

    Best Regards

    May 9, 2022 at 1:42 pm #374251

    contactpleazurr
    Participant

    Hello,

    You are showing me the “view cart button” in the video. As mentioned in my last message “The checkout button is still not changing colour as it’s still green! https://snipboard.io/3BiLVd.jpg”

    Again, I want to change the colour of the “checkout” button.

    May 10, 2022 at 2:18 pm #374594

    Elise Noromit
    Member

    Hello,

    Please replace the code :

    body .woocommerce-mini-cart__buttons .checkout {
background-color:#F65454;
}
body .woocommerce-mini-cart__buttons .checkout:hover{
background-color:#F8E5E5;
}

    Best Regards

  • Author
    Posts
Viewing 14 posts - 1 through 14 (of 14 total)