-
adriandowneyAsked on August 20, 2020 at 8:20 PMMy only issue I guess is that at the bottom of the Ceremony Confirmation form https://www.jotform.com/build/202268162835860 I have a PayPal payment option where the user can add an amount to pay to finalise their booking. The payment box field goes the entire width of the form which is a bit much for just a $ amount. I have tried to use CSS #input_34_donation and set a field width however this does not seem to work?
-
Jed_CReplied on August 20, 2020 at 8:26 PM
The CSS code below should work in adjusting the width of the donation box.
#input_34_donation {
width: 20% !important;
min-width: 0px;
}
Guide: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes
Let us know if you have any questions or if you need further assistance.
-
adriandowneyReplied on August 20, 2020 at 9:13 PM
Thank you, yes all good. I was on the right track however all good now.
Once other thing on the same form, you may notice that I have been able to place a light pink border around text fields and drop down on focus however this has not worked on the single select or radio button fields? Is their CSS that I could use to also have this around the radio buttons on focus to replace the light blue?
Much appreciated.
-
Jed_CReplied on August 20, 2020 at 10:59 PM
Sure! Please add the code below to change the hover color to light pink.
.form-radio:checked+label:before, .form-radio:checked+span:before{
border : 2px solid lightpink !important;
}
.form-radio:hover+label:before, .form-radio:hover+span:before{
border : 2px solid lightpink !important;
}
I hope that helps. Let us know if you have any questions or if you need further assistance.
-
adriandowneyReplied on August 20, 2020 at 11:43 PM
Thank you, worked and all good.
Have a great day.