-
Tenniszentrum_ArsenalAsked on March 18, 2017 at 3:41 PM
Hi!
My form is nearly finished but I don't really like the layout or design of the payment widget of Stripe.
First I do not like the line up on the right side.
Then I think the field for the amount is a bit to small.
And if the text "Kreditkartendaten" would be on the left side and mor down it would look much better.
Is there a way to change the layout?
Thank you.
-
Chriistian Jotform SupportReplied on March 19, 2017 at 3:58 AM
Hi there,
Do you mean you want the text Kreditkartendaten to look as below?
If so, please inject the following CSS to your form.
#ccTitle91 {
text-align: left;
position: absolute;
left: 20px;
width: 140px;
white-space: nowrap;
}
.form-address-table {
margin-top: 50px;
}
If you need further assistance, let us know.
Regards.
-
Tenniszentrum_ArsenalReplied on March 19, 2017 at 4:27 AM
Thank you for your help!
This is already much better for me.
I will short "Kreditkartendaten" to "Kreditkarte", but here a pic how it would be perfect for me:
Would this be possible?
-
Welvin Support Team LeadReplied on March 19, 2017 at 12:09 PM
Inject the following custom CSS codes to that form:
@media only screen and (min-device-width: 1025px) {
#ccTitle91 {
position: relative;
margin-left: -153px;
margin-top: 25px;
display: block;
}
#cid_91 > div > table > tbody > tr:nth-child(2) {
margin-top: -30px;
position: relative;
display: block;
}
}
This is for large views only, mobile stays the same.
Here's our guide on how to inject the codes: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes.
-
Tenniszentrum_ArsenalReplied on March 19, 2017 at 2:08 PM
Very nice solution!
Thank you!