Is there a way I can change the red and black box colors to my blue and orange brand colors?

  • ResumeProducts
    Asked on January 20, 2020 at 6:16 PM
    8. This isn't imperative, but is there a way I can change the red and black box colors to my blue and orange brand colors?
  • roneet
    Replied on January 20, 2020 at 10:59 PM

    Do you want to change these boxes' color?

    Is there a way I can change the red and black box colors to my blue and orange brand colors? Image 10

    Please clarify further if possible please share a screenshot. We can inject CSS to your Form.

    Thanks.

  • ResumeProducts
    Replied on January 21, 2020 at 2:08 PM

    Yes exactly. I'd like the black rectangle to be the same blue color as my logo, and the red boxes to be the same orange color in my logo. 

    I just created and added what the image should look like. However, when I look at it in mobile, it shows way too small, but if you can use or replicate it for the size to come up correctly that would be great. (Note I prefer the shopping cart image over the basket.)

    1579638943Product Order Screenshot 10

  • Ivaylo JotForm Support
    Replied on January 21, 2020 at 4:15 PM

    I cloned and tested your form. I noticed that you had added your image on the form. So, you should just delete the black box.

    In order to change the color of the red boxes, please try to adjust the value of the background in the following CSS code:

    .form-label-top, .form-label-left, .form-label-right {

        background : #FF4500;

        color : #fff;

        text-align : left;

        padding-left : 30px;

        margin-right : 0;

        padding : 25px;

        width : 145px !important;

    }

    I have moved your second question to a separate thread here:

    https://www.jotform.com/answers/2126223-When-I-look-at-it-in-mobile-it-shows-way-too-small

  • ResumeProducts
    Replied on January 21, 2020 at 7:01 PM

    Okay, I added that code. The boxes still look red though, just darker. I need them to be more orange.

  • roneet
    Replied on January 21, 2020 at 8:43 PM

    I believe the issue is fixed. The boxes are more Orange in your Form:

    Is there a way I can change the red and black box colors to my blue and orange brand colors? Image 10

    https://www.jotform.com/form/200164161802139

    Let us know if you still need help.

    Thanks.

  • ResumeProducts
    Replied on January 22, 2020 at 3:25 PM

    NO they are still red. Please make orange.

  • Ivaylo JotForm Support
    Replied on January 22, 2020 at 4:30 PM

    In order to select the right color, you can go to the website below. So, you can make it as much orange as you need.

    https://www.quackit.com/css/css_color_codes.cfm

    Then please insert the color code in the CSS code from my previous post.

    .form-label-top, .form-label-left, .form-label-right {

        background : #FF4500;

        color : #fff;

        text-align : left;

        padding-left : 30px;

        margin-right : 0;

        padding : 25px;

        width : 145px !important;

    }

  • ResumeProducts
    Replied on January 23, 2020 at 1:42 PM

    Please please fix this! I have to finish this form today.

  • Ivaylo JotForm Support
    Replied on January 23, 2020 at 2:59 PM

    I have adjusted your form. Please check it again.

    If you still need more yellow orange, you can also test with the following CSS code:

    .form-label-top, .form-label-left, .form-label-right {

        background : #FF9900 !important;

        color : #fff;

        text-align : left;

        padding-left : 30px;

        margin-right : 0;

        padding : 25px;

        width : 145px !important;

    }

    Let us know if you need any further assistance.

  • ResumeProducts
    Replied on January 23, 2020 at 5:09 PM

    The color is perfect now. Thank you!