CSS or setting for changing the text box background of the column & row titles

  • Profile Image
    PhoenixFae
    Asked on February 17, 2021 at 02:54 PM

    On my form i have many tables..

    I would like to change the background of the title boxes of the columns and rows - not the part that is checked/rated by the person filling out the form, but the actual heading backgrounds. On my form they are a light light purple, and i cannot find the setting to change it. Can you help? Thanks

  • Profile Image
    EltonCris
    Answered on February 17, 2021 at 07:20 PM

    You can inject this CSS code into your form to change the table header background colors only.

    .form-matrix-headers {
      background: #fff083 !important;
    }

    Just change the color #fff083 to your preference. Color reference: https://www.color-hex.com/

    Guide: How to Inject Custom CSS Codes

    The sample color will give you the following result.

    02182021_Gf4RolEct6.png

  • Profile Image
    PhoenixFae
    Answered on February 17, 2021 at 07:29 PM

    Thats great thank you.
    And the CSS for the rest of the table background? (the white where the dots are)

  • Profile Image
    EltonCris
    Answered on February 17, 2021 at 09:01 PM

    Great!

    Use this for the input field section background color.

    .form-matrix-values {  background: #909090;}

    Result:

    02182021_FLCGHpHH5A.png

  • Profile Image
    PhoenixFae
    Answered on February 17, 2021 at 09:26 PM

    Okay thank you

    One last question (i think)..

    When i am in the 'advanced editor' and i highlight 'stimulate error state' or 'stimulate highlight', the colours look to me a certain way (green or red, as i set them).. yet when i Preview the form or access the form purely by its link, the highlighted colour turns out to be an odd light orange colour thats not in my settings at all. Is there a code conflict somewhere? How do i get the form to appear to be how the back end settings are saved?


    Thank you kindly~

  • Profile Image
    Vanessa_T
    Answered on February 18, 2021 at 01:52 AM

    Kindly add the CSS below to retain the green (error) and red (active) background colors.

    .form-line-error { 
    background-color: #077922;
    }
    .form-line-active {
    background-color: #7c183a;
    }

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

    1613631130_602e0e9a983c8_03131.jpg

  • Profile Image
    PhoenixFae
    Answered on February 18, 2021 at 11:20 AM

    Perfect, all set now, thank you so much!