|
mkreik
|
January 18, 2023 at 12:36 pm
We have changed the background color of the .sq-card-wrapper to gray and would like to change the input color for the card number, expiration and CVV. I have tried several options for the input CSS, and I can’t get it to work like this:
input[name=”cardNumber”] {
color: #000000;
}
and this:
input[name=”sq-card-iframe-container”] {
color: #000000;
}
and this:
input[name=”card-number-wrapper”] {
color: #000000;
}
Do you have a solution?
|
|
Tony
|
January 18, 2023 at 4:03 pm
Hi there,
Those inputs are essentially an iFrame so you can’t style those with CSS loading on the site itself.
To style the buttons you would need to add custom JavaScript within the Square call passing over custom CSS to Square who basically then apply it within their iFrame. We don’t currently have an option for this but I’ll create a ticket to see if it is something we can add in the future.
|
|
mkreik
|
January 18, 2023 at 4:30 pm
Ok. Thanks.
|
|
mkreik
|
January 18, 2023 at 4:33 pm
This reply has been marked as private.
|
|
Tony
|
January 18, 2023 at 5:45 pm
It shouldn’t do no.
You may need to reconnect again although I had no issues with mine.
|
