Can I change the text alignment and colour for SOME section collapse buttons?

  • AceCo
    Asked on February 12, 2020 at 9:25 AM

    I have 6 "Driver" section collapse buttons which I'm happy with

    Driver 1 / Driver 2 / Driver 3 / Driver 4 / Driver 5 / Driver 6

    I HAVE ONE LABELLED AS "1" IN THE SCREENSHOT BELOW

    For each "Driver", they can nominate for up to 4 racing classes - each of these have a section collapse button AND IT IS THESE 24 BUTTONS that I would like to have a different look to the 6 "Driver" buttons.

    These 24 buttons have names that always start with "Class"

    Class 1 (Driver 1)

    Class 2 (Driver 1)

    Class 3 (Driver 1)

    Class 4 (Driver 1)

    Class 1 (Driver 2) ... etc

    I HAVE ONE LABELLED AS "2" IN THE SCREENSHOT BELOW

    Is it possible to have these 24 "class" buttons to have say blue text and indented towards the centre of the button?

    1581517302Snap 2020 Screenshot 10


    Issue two

    On every "number" field, the field seems to be missing a black border that all the text fields have. I can find a setting that I can change so all the fields look the same.


    Thank you for any assistance you can provide.

    Jotform Thread 2159461 Screenshot
  • BJoanna
    Replied on February 12, 2020 at 11:39 AM

    Yes, that is possible. Please add the following CSS code to your form:

    span#collapse-text_156, span#collapse-text_157, span#collapse-text_158, span#collapse-text_159, span#collapse-text_166, span#collapse-text_167, span#collapse-text_168, span#collapse-text_169, span#collapse-text_175, span#collapse-text_176, span#collapse-text_177, span#collapse-text_178, span#collapse-text_184, span#collapse-text_185, span#collapse-text_186, span#collapse-text_184, span#collapse-text_1993, span#collapse-text_194, span#collapse-text_195, span#collapse-text_196, span#collapse-text_202, span#collapse-text_203, span#collapse-text_204, span#collapse-text_205  {

        color: blue;

        width: 100%;

        text-align: center;

    }

    How to Inject Custom CSS Codes

    Here is a demo form - https://form.jotform.com/200424271933953

    Feel free to test it and clone it

  • AceCo
    Replied on February 12, 2020 at 7:58 PM

    Brilliant!

    Works perfectly.

    Thank you so much!