Hello,
On both the desktop and mobile version of our online ordering page (https://order.eatpumpers.com), the font color for the saved credit card info (last 4 of the credit card number & the expiration date), default to the primary font color in the settings, however it needs to be scripted to either invert to black, if the primary font color is set to white, or be changed to display the secondary font color. The background color for the body of this page is white, and that doesn't work for Toast websites that have their primary font color set to white.
Our primary font color is #FFFFFF (white) and as you can see, it looks fine everywhere else, except on this page:
This could also be solved by adding a simple line of custom CSS, however, despite my previous numerous woes, custom CSS is not an option, nor is it in the pipeline:
div.savedCreditCard {
color: #000000 !important;
}
Has anyone found a solution to insert custom CSS, or does anyone have another solution to suggest, besides changing our primary font color from white (not happening, that would mess up the entire aesthetic of the page)?
Again, I beg the Toast Dev Team to consider adding custom CSS to Toast sites. This could be in an "advanced" section, and you could have a disclaimer that Toast offers no support for custom CSS and that it is only recommended for usage by experienced web developers. This seems practical, because it's not like you can permanently "break" anything with custom CSS. If you screw something up, you just delete the custom CSS, and it returns to the default stylesheet.
