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

  • Profile Image
    michaelcrowley
    Asked on February 12, 2018 at 06: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.png

  • Profile Image
    Ardian_L
    Answered on February 12, 2018 at 09: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.png

    Let us know if you have any other question.

  • Profile Image
    michaelcrowley
    Answered on February 12, 2018 at 04:00 PM

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