RokasJ

Hi Hani,

Please make sure that you have changed the option “Shipping destination” under “Shipping options” (Woocommerce > Shipping > Shipping options) to “Default to customer shipping address” if you want the shipping zone to change accordingly to the customer’s shipping address and not billing address.

[ Signature deleted ]

• This reply was modified 6 years, 4 months ago by Jan Dembowski.

Hi romandesign,
You can use “Booster: Country Switcher” widget or [wcj_country_select_drop_down_list] shortcode for country selection with flags. That will change the currency as well. To use that, you have to enable “Prices and Currencies by Country” module and assign currencies to countries in groups.

[ Signature deleted ]

• This reply was modified 6 years, 4 months ago by Jan Dembowski.

Hi again,

You can specify which class you want to change style of.
Add to card button is in class “single_add_to_cart_button” (you can see that by right clicking on it, and choosing inspect element), so the code for changing colors of that button would be

.single_add_to_cart_button.button{
	background-color: #00FF00;
	color: #FFFFFF;
}

If you want to change color depending on whether the user is hovering over it, the code would be

.single_add_to_cart_button.button:hover{
	background-color: #FF0000;
	color: #FFFFFF;
}

.single_add_to_cart_button.button{
	background-color: #00FF00;
	color: #FFFFFF;
}

The full code for all your three buttons is:

.single_add_to_cart_button.button:hover{
	background-color: #FF0000;
	color: #FFFFFF;
}

.single_add_to_cart_button.button{
	background-color: #00FF00;
	color: #FFFFFF;
}

.button#place_order.button:hover{
	background-color: #FF0000;
	color: #FFFFFF;
}

.button#place_order.button{
	background-color: #00FF00;
	color: #FFFFFF;
}

.checkout-button.button:hover{
	background-color: #FF0000;
	color: #FFFFFF;
}

.checkout-button.button{
	background-color: #00FF00;
	color: #FFFFFF;
}

If some of the buttons haven’t changed, tweak CSS accordingly to your button class names.

Hi Miezz88,

To change color of buttons, you need to add custom CSS in module “Custom CSS”. Go to Booster settings > Emails & Mics. > Enable “Custom CSS”. Then go to its Settings and under “Custom CSS – Front end (Customers)” paste this:

button, html input[type="button"], input[type="submit"], .button, .button:visited {
    color: #ffffff;
    background-color: #0000FF;
}

button:hover, html input[type="button"]:hover,input[type="submit"]:hover, .button:hover, button:focus, html input[type="button"]:focus, input[type="submit"]:focus, .button:focus {
    color: #ffffff;
    background-color: #00FF00;
}

“color” attribute changes button text color (line 2 and 8)
“background-color” attribute changes button background color (line 3 and 9)

First “color” and “background-color” attributes allow customizing button style how it shows up when you load the site, second attributes allow customizing how button shows up when hovering mouse over it.

Color names have to be written in hex color codes. To customize other buttons, copy the code and replace input type “submit” with other button types.

[ Signature deleted ]

• This reply was modified 6 years, 4 months ago by Jan Dembowski.