Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • March 11, 2014 at 2:12 pm #235468
    jasondbeaver

    How do I change the color of the “Continue Shopping” button in the woo commerce message area after adding an item to the cart. I have changed the background colors for the message box, but can’t find the spot to change this one button.

    March 11, 2014 at 9:38 pm #235864
    Yigit

    Hey jasondbeaver!

    Please add following code to Quick CSS in Enfold theme options under Styling tab

    #top div.woocommerce-message a {
color: green !important
background-color: red !important;
}
#top div.woocommerce-message a:hover {
color: green !important
background-color: red !important;
}

    Best regards,
    Yigit

    March 11, 2014 at 10:49 pm #235921
    jasondbeaver

    Yigit,
    For some reason this did not change the button color. I put the code in the quick CSS as instructed and cleared the cache. Thoughts?

    March 11, 2014 at 10:50 pm #235923
    Yigit

    Hi!

    Can you post the link to your website please so i can take a look?

    Regards,
    Yigit

    March 11, 2014 at 10:54 pm #235925
    jasondbeaver

    http://chillnaudio.com/cart/ You will need to add an item to the cart.

    March 11, 2014 at 11:07 pm #235930
    Yigit

    Hey!

    Please use following code in Quick CSS instead 

    #top div div.woocommerce-message a.button {
background-color: #b21f24;
color: #ffffff;
border-color: #b21f24;
}
#top div div.woocommerce-message a.button:hover { 
background-color: #757575;
color: #191919;
border-color: #757575; }

    Cheers!
    Yigit

    March 11, 2014 at 11:12 pm #235934
    jasondbeaver

    Perfect….

    One more question: do you know how to change the hover attribute to grey for the state drop down box on the checkout page?

    • This reply was modified 11 years, 3 months ago by jasondbeaver.
    March 11, 2014 at 11:20 pm #235940
    Yigit

    Hey!

    I am not sure if i understood where you meant clearly. Do you mean Alaska, Alabama and so on? If so, please add following code to Quick CSS as well

    #billing_state_chosen > div > ul > li:hover { color: red; }

    If this is not what you meant, please post a screenshot and show

    Best regards,
    Yigit

    March 11, 2014 at 11:24 pm #235946
    jasondbeaver

    Perfect…thanks!

    March 11, 2014 at 11:26 pm #235948
    Yigit

    Hi!

    You are welcome, glad we could help! Let us know if you have any other questions or issues

    Best regards,
    Yigit

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Change Continue Shopping Button color’ is closed to new replies.