By Charlotte Paly on Monday, 01 August 2022
Posted in PayPlans
Replies 7
Likes 0
Views 395
Votes 0
Hi,

Despite option to “delete incomplete order” has been enabled in the configuration section, the “cancel order” button is not showing up in the user dashboard (see pic 1a in attachment) nor in the cancelation confirmation popup (see pic 1b).

It’s a style issue as the button is not visible but can be activated

Thanks for your help in fixing this.
Hey there,

Actually, the button is there but your current template has set the text color of the button to white so it looks invisible to you as shown in the video. https://monosnap.com/file/GF5JU25JJj0DeLeSRvuIU1dnXADU94

You can remove this line of code from your current template's template.css file as shown in the screenshot(https://monosnap.com/file/akz0bsAWPK7Ypc5j3en9uHAiAEYXEm) and it should be good to go after you removed it.
·
Tuesday, 02 August 2022 11:02
·
0 Likes
·
0 Votes
·
0 Comments
·
Thanks Irwin,

I can NOT change/delete the line from the template.css as it has ramification with the rest of the website.

How and where to override this to only change the background color of the button for this Payplans button

Thanks
·
Tuesday, 02 August 2022 13:40
·
0 Likes
·
0 Votes
·
0 Comments
·
You can add the following custom CSS code to your current template's custom.css file and see how it goes:

body #fd .o-btn.o-btn--default-ghost {
color: var(--fd-gray-800-hex,rgba(var(--fd-gray-800),var(--tw-text-opacity)) ) !important;
}

body #fd .o-btn.o-btn--default-ghost:hover {
background-color: var(--fd-gray-100-hex,rgba(var(--fd-gray-100),var(--tw-bg-opacity)) ) !important;
}


body #fd .o-btn.o-btn--default {
background-color: var(--fd-white-hex,rgba(var(--fd-white),var(--tw-bg-opacity)) ) !important;
color: var(--fd-gray-800-hex,rgba(var(--fd-gray-800),var(--tw-text-opacity)) ) !important;
}

body #fd .o-btn.o-btn--default:hover {
background-color: var(--fd-gray-100-hex,rgba(var(--fd-gray-100),var(--tw-bg-opacity)) ) !important;
}



Do clear all of your caches before you see the changes.

By the way, may I know what is the link to your backend as accessing https://quelprix.immo/administrator will kept redirecting me to the frontend?
·
Tuesday, 02 August 2022 18:37
·
0 Likes
·
0 Votes
·
0 Comments
·
Hey Irwin,

Thank you it is helpfull and the "cancel incomplete order" button is now visible !

What code should I add to the custom.css file, for changing the current blue color of Payplans buttons (#4e72e2) into the same blue used in the template (#2A93E8) ?

I provided in the first line of the "optional information" section of the ticket the link to access the admin + additional credentials for accessing the administrator folder

Thanks again for your help
·
Wednesday, 03 August 2022 01:16
·
0 Likes
·
0 Votes
·
0 Comments
·
Thank you it is helpfull and the "cancel incomplete order" button is now visible !


You're most welcome.

What code should I add to the custom.css file, for changing the current blue color of Payplans buttons (#4e72e2) into the same blue used in the template (#2A93E8) ?


You can add the following custom CSS code to your current template's custom.css file and see how it goes:


body #fd .o-btn.o-btn--primary {
background-color: #2A93E8 !important;
border-color: #2A93E8 !important;
}


Do clear all of your caches before you see the changes.
·
Wednesday, 03 August 2022 11:06
·
0 Likes
·
0 Votes
·
0 Comments
·
Hey Irwin,

Perfect, Thanks

Last question : what are the fonts used by Payplans ?
I would like to apply same fonts to the rest of the website

Again, thank you for your help and support
·
Wednesday, 03 August 2022 14:36
·
0 Likes
·
0 Votes
·
0 Comments
·
You're most welcome.

Last question : what are the fonts used by Payplans ?
I would like to apply same fonts to the rest of the website


The following font is the one that PayPlans is using.


font-family: Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"
·
Wednesday, 03 August 2022 15:21
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post