The problem is it creates little gray boxes at the end of the credit card icons and down by the "Save Payment" information. Whats weird is if it you click "Credit Card", the gray boxes appear. But if you then click away to another payment option and then click back to "Credit Card" a second time, the gray boxes go away. They only show up when clicked the first time. Can you help me fix this?
Hi, for some reason the credit card icons on my checkout page are stacking vs. aligned horizontally (attached).
The only way I've been able to fix this is by adding this code to the css (attached):
.payment_method_stripe , label { display: inline; }The problem is it creates little gray boxes at the end of the credit card icons and down by the "Save Payment" information. Whats weird is if it you click "Credit Card", the gray boxes appear. But if you then click away to another payment option and then click back to "Credit Card" a second time, the gray boxes go away. They only show up when clicked the first time. Can you help me fix this?
Hi Michael,
It seems like the issue is coming from the display inline of Stripe payment, please add the following style, it will fix it.
.payment_method_stripe { display: inline-block !important; }
Kind Regards
Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.
Hi thank you for the reply, unfortunately adding that in doesn't fix the issue for some reason, any ideas?
Hi Michael,
Please check it again, I thought the question was for the part below.
- https://prnt.sc/spb474
Kind Regards
Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.
Ahh, interesting. Seems to only be an issue on Google Chrome. Hmm, hopefully that self corrects? Thank you!
Hi Michael,
Yes, no worries. I've added some Custom CSS which will be applied exactly on that part.
Kind Regards
Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.
Is it common for something to work on Safari but not on Chrome, such as these icons stacking?
Hi Michael,
Please clear the cache and check it again, it's working on Chrome Version 83.0.4103.61. iMac 27 2015.
- https://prnt.sc/sqkgog
Clear Chrome Cache:
- https://support.google.com/accounts/answer/32050?co=GENIE.Platform%3DDesktop&hl=en
Feel free to ask for anything you need.
Kind Regards
Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.