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, 9 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

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Tea Store – WordPress WooCommerce Theme
lazy-placeholder
Spice Store – WordPress WooCommerce Theme
lazy-placeholder
Concert Store – WordPress WooCommerce Theme
lazy-placeholder
Architecture Studio – WordPress WooCommerce Theme
lazy-placeholder
Ecoenergy – WordPress WooCommerce Theme
lazy-placeholder
Plumbing Store – WordPress WooCommerce Theme
lazy-placeholder
Restaurant – WordPress Theme
lazy-placeholder
Marseille 03 – WordPress WooCommerce Theme
lazy-placeholder
Meeting – WordPress Theme
lazy-placeholder
Drinks Store – 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.