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

This topic has 24 replies, 2 voices, and was last updated 5 years, 10 months ago by Elise Noromit.

Viewing 25 posts - 1 through 25 (of 25 total)

Author

Posts
February 21, 2019 at 6:18 am #108808

Khalid_xdrkzx
Participant

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.

February 21, 2019 at 9:26 am #108846
Elise Noromit
Member
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
February 21, 2019 at 9:46 am #108850

Khalid_xdrkzx
Participant

Hey Elise,

Good to hear you back.

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

February 21, 2019 at 10:32 am #108870

Elise Noromit
Member

Hello,

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

Best Regards

February 21, 2019 at 10:54 am #108875

Khalid_xdrkzx
Participant

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.

February 21, 2019 at 12:30 pm #108898

Elise Noromit
Member

Hello,

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

Best Regards

February 21, 2019 at 12:35 pm #108901

Khalid_xdrkzx
Participant

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.

February 21, 2019 at 2:58 pm #108970

Elise Noromit
Member

Hello,

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

Best Regards

February 22, 2019 at 5:35 am #109066

Khalid_xdrkzx
Participant

Hey

Elise,

Try this pincode 411048.

February 22, 2019 at 9:30 am #109091

Elise Noromit
Member

Hello,

Which country http://prntscr.com/mojwpl

Best Regards

February 22, 2019 at 10:07 am #109096

Khalid_xdrkzx
Participant

hey

Choose any i have added only pincode validation.

February 22, 2019 at 11:12 am #109111

Elise Noromit
Member

Hello,

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

Best Regards

February 22, 2019 at 11:28 am #109121

Khalid_xdrkzx
Participant

Hi

Observe the video i have sent

February 22, 2019 at 11:31 am #109123

Khalid_xdrkzx
Participant

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

February 22, 2019 at 11:33 am #109124

Khalid_xdrkzx
Participant

And try choosing india as your country

February 23, 2019 at 4:59 pm #109410

Elise Noromit
Member

Hello,

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

Best Regards

February 25, 2019 at 5:30 am #109600

Khalid_xdrkzx
Participant

Order Checkout field details

Contry: India

State: Maharashtra

City: Pune

Pincode:411048

February 25, 2019 at 3:20 pm #109706
Elise Noromit
Member
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
February 26, 2019 at 6:02 am #109783

Khalid_xdrkzx
Participant

Hey dear,

Thanks a ton!! Its fixed now. 😀

Attachments:
You must be logged in to view attached files.

February 26, 2019 at 6:09 am #109785

Khalid_xdrkzx
Participant

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.

February 26, 2019 at 9:07 am #109810

Elise Noromit
Member

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

February 26, 2019 at 9:14 am #109813

Khalid_xdrkzx
Participant

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.

February 26, 2019 at 10:57 am #109848

Elise Noromit
Member

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

February 26, 2019 at 11:42 am #109867

Khalid_xdrkzx
Participant

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.

February 26, 2019 at 12:16 pm #109884

Elise Noromit
Member

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

Tagged: change color of popup

Viewing 25 posts - 1 through 25 (of 25 total)

The topic ‘How to change color of Coupon/Other Pop Up at Checkout Page’ is closed to new replies.

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

Attachments:

Attachments:

Attachments:

Attachments:

Create your WordPress website.