How to change color of Coupon/Other Pop Up at Checkout Page

Hey

Guys, can you help me how to change the color of this toggle/popup?

Refer screenshot

Attachments:

You must be logged in to view attached files.

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

body .woocommerce-message{
background-color:red;
}
body .woocommerce-info{
background-color:red;
}

Replace “red” with the color you need.

Best Regards

Hey Elise,

Good to hear you back.

I will try and let you know if this fixes it.

Hello,

OK. If you have any questions please feel free to contact us.

Best Regards

Thank you so much!! It worked like a charm Elise 🙂

Just can you help me fix the text spacing as the exclamation and text is overlapping please refer attached png.

Thanks again!

Attachments:

You must be logged in to view attached files.

Hello,

Please provide the page URL and what step to take to see this?

Best Regards

Hey,

Hope you are doing good!

The website is https://olive-route.in/

Steps
i. Add any product to cart
ii. Navigate to checkout
iii. The popup will be visible to you

Appreciate your efforts and please suggest some tips after you have browsed our website. You can also suggest some Woodmart demo layouts.

Hello,

When I get to the checkout and do something wrong, I get this message http://prntscr.com/mo7j9x

Best Regards

Hey

Elise,

Try this pincode 411048.

Hello,

Which country http://prntscr.com/mojwpl

Best Regards

hey

Choose any i have added only pincode validation.

Hello,

There are no messages while placing an order https://gyazo.com/b80c4f18788f777fa5633778425b1514

Best Regards

Hi

Observe the video i have sent

Sorry please get the video from here: https://drive.google.com/open?id=1pbogAGMvV7LPUY02KT3Fc5FCiy4Vri-H

And try choosing india as your country

Hello,

Please provide the full set of details for the order to the private area.

Best Regards

Order Checkout field details

Contry: India

State: Maharashtra

City: Pune

Pincode:411048

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

.woocommerce-checkout .woocommerce-info, 
.woocommerce-checkout .woocommerce_message{
padding-left:5%!important;
}

Best Regards

Hey dear,

Thanks a ton!! Its fixed now. 😀

Attachments:

You must be logged in to view attached files.

Hey thanks again,

Sorry i am bugging you again and again.

But since i am a newbie (not a developer) hence i seek support from you guys can you help me how to fix/change this text popup of coupon usage limit because i cant find how to edit the text or color.

Appreciate your support Elise! and Woodmart Team

Regards
Khalid

Attachments:

You must be logged in to view attached files.

Hello,

You can change tex in the Theme Settings > Typography > Advanced typography https://xtemos.com/docs/woodmart/advanced-typography-settings/

body .woocommerce-error use this class

Best Regards

Hey

Thanks for the quick response,

But i dont wanna change the style of the font instead i need to edit the text like “Ooops! It seems you have exhausted the coupon limit” instead of the text displayed in the popup.

Hello,

You can rewrite all theme and plugin texts via PO file in WordPress. Here is a video tutorial that should help you translate your website texts with a Loco Translate plugin https://www.youtube.com/watch?v=D3NsDdMzsls&list=PLMw6W4rAaOgKKv0oexGHzpWBg1imvrval&index=3

We suggest you to keep translated files in wp-content/languages/themes/woodmart-pt_PT.po folder.

Best Regards

Hi

It helped me a lot.

Thanks again for all the support you guys provided us.

I hope your themes improves and get more downloads. I will recommend it to my contacts.

You are welcome, we are always happy to help you, write us when you have any difficulties or issues with our theme.

And we would be glad if you will rate our theme with 5 stars on Theme Forest in case you are satisfied with our theme and customer service http://themeforest.net/downloads

Thank you in advance

[Author]

Posts