How to format Configurable List css width for textbox and textarea 25%/75%

  • michaelcrowley
    Asked on February 12, 2018 at 6:28 AM

    Hi

    I have been using this Configurable List widget 'out of the box' for a while and it's great, but just now I need to just have two fields, a textbox and a textarea and I would like the css to allocate 25% and 75% width respectively.

    Can you advise how to do this?

    15184350832018 02 12 11 24 58 Screenshot 10

  • Ardian_L
    Replied on February 12, 2018 at 9:47 AM

    Yes it is possible please put this CSS Code on the Custom CSS Area of the Configurable List Widget:

    iframe{

    width:100% !important;

    }

    td.col1 {

        width: 25% !important;

    }

    td.col1 input[type=text] {

        width: 90%;

    }

    td.col2 {

        width: 70% !important;

    }

    td.col2 textarea {

        width: 100%;

    }

    1518446831ConfigurableCSS Screenshot 10

    Let us know if you have any other question.

  • michaelcrowley
    Replied on February 12, 2018 at 4:00 PM

    That's perfect, Ardian. Thank you for the info.