How to display different background colors for the fields?

Hi 

I'm using a multiple coice field to show customers order-windows related to the weekday they wish the delivery. for this filed I'd like to work with different colors for background, frame and fonts. 

could you please send me th css code I'd need to add? also, how can I figure out the color-code to use in CSS based on RGB code? (Red-Yellow-Blue) 

thanks! 

bests, C 

You can use the ADVANCED DESIGNER to customize the design of form fields. Here's an example: 

Also, here's a guide on how to Customize-Your-Form-Using-Custom-CSS-Codes. 

hi John 

can you give me an example of the CSS code? field ID deineEmil241

background color yellow 

I tried but it changed color to the entire form :-( 

also, what about "translating" color codes from RYC / RGB to the format used in CSS 

many thanks! 

Hi there,

To change the field background color to yellow, please try the following CSS.

#deineEmil241 {

    background-color : #FFFF00!important;

}

hi again 

somehow not working... 

this is the CSS 

this is the field I want the background in yellow 

this is the result... no yellow at all.. 

Please try changing the CSS code to the following so that the background color should be displaying for the entire field.

#id_242 {

    background-color : #FFFF00!important;

}

Hope this information helps! 

tx 

and how would this code look like in a paragraph?

cheers,C 

To change the background color of the paragraph field of your form, please inject the following custom CSS code in your form:

li#id_250 {

    background-color: #FFFF00!important;

}

Please check the screenshot below:

Hope this helps.

Do get back to us if you have any questions. 

Hi 

works fine, thanks. where can I find the field number of paragraphs? 

bests, C 

You can use the INSPECT tool of your browser. Here's a quick tutorial:

Please try that and let us know if you need further assistance.

thanks for all your support... as I'm really not a prof when it comes to CSS, I'm still struggeling here... 

picture one, thats how it looks in your tutorial 

Picture two, this is what I see... 

I try to change the color to the field with the following text:

deine EMIL Lieferung erfolgt am Freitag, wenn deine Bestellung  bei uns 

zwischen Dienstag 9h und Mittwoch 9h eingeht

maybe you could do an other tutorial for me using this field. I've three more fpr training :-) 

much appriciated 

Hi there,

I have checked your form and it appears that you've been able to apply the color as you preferred on your texts.

May I please know exactly what part do you still need further clarification for?

hi 

as you can see, there are five text-fields. I want to use them instead of multiple-choice futher down on the form. 

my problem with the texts is, that I can't find the field number. I understand how the code should look like but without field id I don't get any further... 

the tutorial from your colleague is really helpfull but the line he's refering to is not showing when I try to work with investigate... 

hope that helps... 

Cheers, Christian 

Hello Christian  - Are you referring to the below text fields?

You can right-click on the input box and select "inspect" to see their Field_IDs. Please refer to my screencast below:

Guide: How-to-Find-Field-IDs-and-Names 

If you need further assistance, please let us know.

Hi 

my struggle is all arround paragraph fields... can't see the field id there.... 

see PrtSc below... thanks

hi again

in addition to the background color, I'd also like to have text in color C240D4D and a frame around the field in same color. can you send me the codes for field 250? thx

Can you please send us the field labels or a screenshot of the field you're referring to so we can give you the CSS code for it?

Guide: How-to-Post-Screenshots-to-Our-Support-Forum

Looking forward to your response.

here's the creen shot as required... 

Since the paragraph fields are not input fields, the field ID properties are not available in the field settings. However, you may find the field ID of the specific paragraph field by showing them temporarily on the form and inspecting the form in the browser as shown in the screencast provided by our colleague here. Please see the screenshot below:

You may add the following CSS Code to the form to change the color of the text in all the paragraph fields. The color code that you have mentioned in your post seems to be incorrect and you may check on it.

.form-html {

    color: #4a4a4a !important;

}

Please get back to us if you need any further assistance. We will be happy to help. 

that works fine now. thanks. 

bests, C 

I have moved your new question to a separate ticket considering that it's another topic. Kindly wait for my response on the following link: https://www.jotform.com/answers/2445368