How do I customize the color in the Configurable widget?

  • Ondernemen
    Asked on April 24, 2020 at 7:19 AM

    e the other requests: As you can see I use purple textcolours in my housestyle. I want to make the black texts in all the elements and widgets also purple, same code as above. It would be handy to know how for each. Is that possible

    ?

    How do I customize the color in the Configurable widget? Image 10

    How do I customize the color in the Configurable widget? Image 21

    How do I customize the color in the Configurable widget? Image 32

     

     

     

  • roneet
    Replied on April 24, 2020 at 12:25 PM

     For the Configurable list,

    How do I customize the color in the Configurable widget? Image 10

    I have added this code in your widget to hide the progress bar:

    #listContainer {
    overflow-x: hidden!important;
    }

    /*To change the add and remove button color*/

    button.add, button.remove {
    color: #ffffff;

    border: 1px solid #5a8200 !important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9ed915), color-stop(100%,#78aa04));
    }

    /* To change the column header color*/

    th.col1,th.col2,th.col3,th.col3,th.col4,th.col5 {
    color: green;
    }

    Please edit the color above as per your choice.

    Guide: https://www.jotform.com/help/428-How-to-Inject-CSS-Codes-to-Widgets

    I'll provide the other CSS code ASAP

    Thanks.


  • roneet
    Replied on April 25, 2020 at 9:36 AM

    We have addressed all your concerns one by one in a separate thread:

    https://www.jotform.com/answers/2283521

    https://www.jotform.com/answers/2283507

    https://www.jotform.com/answers/2283449

    Going forward, please post each query in a separate thread to avoid confusion.

    Thanks.