Return to previous page

Change color option - by mawyta - on WordPress WooCommerce support

This topic has 5 replies, 2 voices, and was last updated 6 years, 8 months ago ago by Rose Tyler

  • Avatar: mawyta
    mawyta
    Participant
    February 23, 2018 at 22:45

    Hello,
    I would like to change the color of the button to add to the cart and also when it passes over and the background color of the cart on the top

    How could I do it?
    Thank you

    #186197 Copied
    4 Answers
    Avatar: mawyta
    mawyta
    Participant
    February 23, 2018 at 23:20

    and button checkout, continue shopping and view cart
    thanks

    #186198 Copied
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    February 26, 2018 at 08:19

    Hello,

    You may use custom css code to do this. Please provide screenshots for better understanding color of which elements do you want to change. You may use such screenshot maker as Lightshot and provide screenshot link in Private content area.

    Regards

    #186254 Copied
    Avatar: mawyta
    mawyta
    Participant
    February 27, 2018 at 12:58

    attached captures

    https://prnt.sc/ikctsf
    https://prnt.sc/ikdr9e
    https://prnt.sc/ikds1g

    Thanks

    #186468 Copied
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    February 27, 2018 at 13:27

    Hello,

    You may use this custom css code:

    .add_to_cart_button {
    background-color: red;
}
.shopping-container .btn.border-grey {
    background-color: black;
    border-color: black;
}
.btn.filled {
    background-color: #00000059;
}
.shopping-container  .wc-proceed-to-checkout a {
    background-color: red !important;
}

    Change colors to any you need.

    Regards

    #186472 Copied
  • Viewing 5 results - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.Log in/Sign up

8theme customization service

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Digital Marketing – WordPress WooCommerce Theme
lazy-placeholder
Spa – WordPress WooCommerce Theme
lazy-placeholder
Beaty & Cosmetics – WordPress WooCommerce Theme
lazy-placeholder
Classic Fashion Store (Dark) – WordPress WooCommerce Theme
lazy-placeholder
Meeting – WordPress Theme
lazy-placeholder
Bakery Store – WordPress WooCommerce Theme
lazy-placeholder
Fishing – WooCommerce Theme
lazy-placeholder
Marketing – WordPress WooCommerce Theme
lazy-placeholder
Furniture Store – WooCommerce Theme
lazy-placeholder
Web Agency – WordPress WooCommerce Theme

See All Templates

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.