How to paste custom CSS code in the form?

#id_47 {

direction: rtl;

text-align: right;

}

i can paste it here

it doesn’t paste on the form at the inject custom .
how can you help me ?

Hi Shelly,

Thanks for reaching out to Jotform Support. It's easy to paste custom CSS code into the Inject Custom CSS on your form. Let me show you how:

1. Open your form in Form Builder and click on the Paint Roller icon to open the Form Designer.
2. Select the Styles tab in the grey navigation bar and scroll down to the bottom of the page.
3. Under Inject Custom CSS paste the code.

That's it. Let us know if you have any other questions.

No.. unfortunately I still can’t not Shelly freund+972546949935‫ב-20 ביוני 2024, בשעה 20:00, ‏‏Jotform ‏<noreply@jotform.com> כתב/ה:‬




Subject: Your ticket has been answered. Tell us how we did!
:root { color-scheme: light dark; }
html, body { margin: 0px auto !important; padding: 0px !important; height: 100% !important; width: 100% !important; }
body { }
.body { margin: 0px auto !important; }
* { -webkit-text-size-adjust: 100%; }
div, p, a, li, td { -webkit-text-size-adjust: none; -webkit-font-smoothing: antialiased; text-rendering: optimizelegibility; }
div[style*="margin: 16px 0"] { margin: 0px !important; }
table, td { }
table { border-spacing: 0px !important; border-collapse: collapse !important; table-layout: fixed !important; margin: 0px auto !important; }
table table table { table-layout: auto; }
table, td { border-spacing: 0px !important; border-collapse: collapse !important; }
a { text-decoration: none; }
img { }
[x-apple-data-detectors], .unstyle-auto-detected-links *, .aBn { border-bottom-width: 0px !important; border-bottom-style: none !important; border-bottom-color: currentcolor !important; cursor: default !important; color: inherit !important; text-decoration: none !important; font-size: inherit !important; font-family: inherit !important; font-weight: inherit !important; line-height: inherit !important; }
.im { color: inherit !important; }
.a6S { display: none !important; opacity: 0.01 !important; }
img.g-img + div { display: none !important; }
.nounderline-text { color: rgb(0, 153, 255); text-decoration: none; display: inline-block; }
.mobile-full-width { width: 100% !important; max-width: 100% !important; }
.mobile-nopadding { padding: 0px !important; }
.mobile-padding { padding: 0px 2% !important; }
.pricing-box { display: block; margin: 0px auto; width: 85%; max-width: 250px; }
.pricing-box table { max-width: 100% !important; }
.light-img { display: block !important; overflow: visible !important; float: none !important; max-height: inherit !important; max-width: inherit !important; margin-top: 0px !important; visibility: inherit !important; }
.dark-img { display: none !important; }
[data-ogsc] .dark-img { display: block !important; overflow: visible !important; float: none !important; max-height: inherit !important; max-width: inherit !important; margin-top: 0px !important; visibility: inherit !important; }
[data-ogsc] .light-img { display: none !important; }
.button-td, .button-a { transition: all 100ms ease-in 0s; }
.show-on-responsive { display: none !important; }
u + .body .gmail-blend-screen { background: rgb(0, 0, 0); mix-blend-mode: screen; }
u + .body .gmail-blend-difference { background: rgb(0, 0, 0); mix-blend-mode: difference; }
.email-container { width: 100% !important; margin: auto !important; }
.padding-container { padding: 0px 15px !important; }
[class].mobile { width: 100% !important; }
.fluid { max-width: 100% !important; height: auto !important; margin-left: auto !important; margin-right: auto !important; }
.stack-column, .stack-column-center { display: block !important; width: 100% !important; max-width: 100% !important; direction: ltr !important; }
.stack-column-center { text-align: center !important; }
.stack-column-center h2, .stack-column-center p { text-align: center !important; }
.center-on-narrow { text-align: center !important; display: block !important; margin-left: auto !important; margin-right: auto !important; float: none !important; }
table.center-on-narrow { display: inline-block !important; }
.email-container p { }
.button-a { font-size: 16px !important; line-height: 1 !important; }
table td { }
.social-networks { max-width: 200px !important; }
.inline-on-responsive { display: block !important; width: 100% !important; text-align: center !important; }
.hide-on-responsive { display: none !important; }
.show-on-responsive { display: block !important; }
.full-center-responsive-logo { width: 100%; }
.full-center-responsive-logo img { margin: 0px auto; }
.mobile-padding-fix { padding-left: 15px !important; padding-right: 15px !important; }
.mobile-pt-0 { padding-top: 0px !important; }
.mobile-pt-16 { padding-top: 16px !important; }
.mobile-pt-32 { padding-top: 32px !important; }
.mobile-pb-0 { padding-bottom: 0px !important; }
.mobile-pb-16 { padding-bottom: 16px !important; }
.mobile-pb-32 { padding-bottom: 32px !important; }
.mobile-pl-0 { padding-left: 0px !important; }
.mobile-pl-16 { padding-left: 16px !important; }
.mobile-pl-32 { padding-left: 32px !important; }
.mobile-pr-0 { padding-right: 0px !important; }
.mobile-pr-16 { padding-right: 16px !important; }
.mobile-pr-32 { padding-top: 32px !important; }
.g-img { width: 100%; height: auto; }
.mobile-hidden { display: none !important; }
.mobile-header-fix { font-size: 30px !important; line-height: 40px !important; }
.stack-payment-info { padding-top: 14px; display: block !important; width: 100% !important; max-width: 100% !important; direction: ltr !important; text-align: left !important; height: 18px !important; }
.stack-payment-info.value-field { padding-bottom: 14px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(238, 238, 238); width: 100% !important; }
u + .body { min-width: 375px !important; margin: 0px auto !important; }
.mobile-header-fix { font-size: 26px !important; line-height: 36px !important; }
u + .body { min-width: 375px !important; width: 375px !important; margin: 0px auto !important; }
#MessageViewBody, #MessageWebViewDiv { width: 100% !important; margin: 0px auto !important; }
html[dir="rtl"] td p[style*="color: #464646"], html[dir="rtl"] [style*="text-align: left"], html[dir="rtl"] td h1 { text-align: right !important; }
html[dir="rtl"] table.social-area { max-width: 350px !important; }
html[dir="rtl"] .full-center-responsive-logo { text-align: right; }





















 













View this email in your browser


























Support ticket answered:




How to paste custom CSS code in the form?


















 




 













Hello
shellynadlan,













Your
support ticket "How to paste custom
CSS code in the form?" has been answered. If you still need assistance, just
reply to this email.













Click one
of the icons below to let us know what you think of our service and how we can
improve.














































































Thank you
as always!















 









 




4 Embarcadero Center, Suite 780, San Francisco CA 94111




 











24/7 Support




Unsubscribe Thread









 
...

Hi Shelly,

Please try to do it on your desktop computer and try it again just like Filip instructed above. Also, can you share a screenshot of the error message you received while doing it? You can save the screenshot in your local drive and then use the upload icon on the top toolbar to upload the image. See our guide on How to Post Screenshots to Our Support Forum.

Once we hear back from you, we'll be able to help you with this.