Custom WooCommerce for Unite Theme

Unite Theme
1

Hi-

I found the code to change the Proceed to checkout and Sign-up Now buttons in WooCommerce. I still need the following help:

http://candicemcfield.com/product/cmf-20-week-customized-plan/
How do I change:
a) View Cart button to look like the sign-up now button and
b) the $899 every 5 months text from green to #eb657d ?
c) the search icon box from purple to #6d9dcd
d) remove the Archives column on the right so the entire page is utilized

  1. How do I change the Apply Coupon and Update cart buttons?
    http://candicemcfield.com/cart/
2

For 1c) do the following: can change element color via WordPress dashboard >> Appearance >> Theme Options >> Main >> Element color.

I still need help with 1a, 1b, 1d and #2. If anyone knows please chime in. Thanks!

3

Hi @cmcfield,

I hope you are well today and thank you for your questions.

a) View Cart button to look like the sign-up now button and

Do you want to just change its text or also the look?

Could you please share me the page URLs from your site where these both buttons are displaying so that i can help you?

b) the $899 every 5 months text from green to #eb657d ?

I tried to access your site to see this text but it’s just displaying loading and not becoming accessible so could you please make sure it’s accessible?

d) remove the Archives column on the right so the entire page is utilized

Do you want to just do this on products archive page or for all pages including blog page?

2) How do I change the Apply Coupon and Update cart buttons?

Could you please tell me a bit more in detail what you wan to change in it?

Kind Regards,
Movin

4

Hi @Movin-

I think I have solved a lot of the issues but still need help with:

a) View Cart button to look like the sign-up now button.
I just need the hover to be pink like the Sign-up now button. http://candicemcfield.com/product/cmf-12-week-customized-plan/

b) the $899 every 5 months text from green to #eb657d ?
SOLVED

c) the search icon box from purple to #6d9dcd
SOLVED

d) remove the Archives column on the right so the entire page is utilized
SOLVED, but now the product image is huge, how do I change the dimension of the image to display smaller?

  1. How do I change the Apply Coupon and Update cart buttons to make the hover pink? Everything else is fine regarding the button style.
    http://candicemcfield.com/cart/
5

Hi @cmcfield,

a) View Cart button to look like the sign-up now button. I just need the hover to be pink like the Sign-up now button. http://candicemcfield.com/product/cmf-12-week-customized-plan/
2) How do I change the Apply Coupon and Update cart buttons to make the hover pink? Everything else is fine regarding the button style.

You can try achieving this by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Unite Options -> Other -> Custom CSS


.woocommerce .cart .button:hover,
a.button.wc-forward:hover {
    background: #eb657d;
    border-color: #eb657d;
    color: #fff;
}

Best Regards,
Movin