change background color and text

Hello Support

https://form.jotformeu.com/92863244835364

I have a customer who wants the "grey" background and the text in the text box colours changing? (see badly highlighted text box) attached

Would you mind explaining how I can do this - thank you!

Andy

 

To clarify, do you want to change the background color and text ?

To change the font-color of the text, you may use this custom CSS code

.form-html{

color:red !important;

}

To change the background color, you can change it by changing the color"blue" with another color.

#id_6, #id_8, #id_9, #id_11, #id_29, #id_30, #id_31, #id_51, #id_52, #id_53, #id_54, #id_55, #id_56, #id_57, #id_58 {
    background: blue !important;
  
}

Guide:-How-to-Inject-Custom-CSS-Codes

Please give it a try and let us now if this fits your requirements.

Hi Richie

Thank you for your prompt reply.

I forgot to mention, this customer wants 2 different colour styles on the same form, Gold for the  fields below the GOLD header and Blue for the fields below the BLUE header. Am I right in saying this is not possible?

Thanks again

It is possible to change 2 different background color styles on the same form.

You may use this custom CSS

#id_6, #id_8, #id_9, #id_11, #id_29, #id_30, #id_31{
 background: #F8C021 !important;

}
#id_51, #id_52, #id_53, #id_54, #id_55, #id_56, #id_57, #id_58 {
 background: #1aa3ff !important;
 
}

screenshot:

Let us know if this fits your requirements.

WOW!

Your support is awesome!!!!

That looks fantastic Richie!

If the customer wanted the product heading text ATLANTIC GOLD & OTOHIME changing to Black text too, could that be done as well?

Thanks again

Andy

...

You may add this custom CSS to change the heading text to black.

#header_49,#header_50{
color: black !important;
}

If you need further assistance, let us know.

Hey Ritchie!

How cool is that CSS inject function (of course without your help it wouldn’t be so easy 😊)

Just need help to make sub-heading text also black – see screenshot…

Thanks again!

Andy


...

You may try this CSS to change your sub-header color.

.form-subHeader{
color:black !important;
}

Let us know if you need further assistance.