Change color of selected horizontal radio buttons

  • Profile Image
    Asked on July 13, 2021 at 09:55 PM

    Hi there,

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


    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.


  • Profile Image
    Answered on July 14, 2021 at 06: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;



    I hope this helps.

    Let us know if you need further assistance.

  • Profile Image
    Answered on July 14, 2021 at 08: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?


  • Profile Image
    Answered on July 14, 2021 at 11:07 AM


    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.