Change color of selected horizontal radio buttons

  • XARDS
    Asked on July 13, 2021 at 9:55 PM

    Hi there,

    I'd like to change the color of the horizontal radio buttons when selected. Can you tell me the code?

    1626227679 60ee43df9c5a6 Bildschirmfoto Screenshot 10

    And could you show me how you go about looking up that code? So that for simple things like this I'd be able to find the code myself without having to make you guys busy. I tried finding the right syntax in the Browser Inspection tool but I didn't find anything related to color.

    Thanks.

  • Sam_G
    Replied on July 14, 2021 at 6:59 AM

    Hello Fandila,

    You can add this CSS code on the widget.

    .radios input+label span {

      display: block;

      overflow: hidden;

      white-space: nowrap;

      text-overflow: ellipsis;

      padding: 0 3px;

      background: yellow;

      color: orange;

    }

    1626260377 60eec39945b05  Screenshot 10

    I hope this helps.

    Let us know if you need further assistance.

  • XARDS
    Replied on July 14, 2021 at 8:31 AM

    Hello Sam,

    thank you, is the color scheme for the clicked buttons also changeable beyond the 3 colours that are available in the widget options?

    1626265854 60eed8fe5abd1 Bildschirmfoto Screenshot 10

  • Basil JotForm Support
    Replied on July 14, 2021 at 11:07 AM

    Hi,

    Unfortunately, it is not possible to change those colors other than the colors in the widget.

    Please let us know if you have any further questions.