Help with custom CSS on MultiSelect Widget

  • MaidCrew
    Asked on March 18, 2019 at 7:37 AM

    Hi folks... I'm hoping I could get some help with custom CSS for insertion into the custom CSS box within the MultiSelect Widget.

    I've tried inspecting the source code to determine which element I need to apply changes to but I'm a bit confused as to what specific element the CSS code should apply to for this widget.

    I'm simply wanting to enlarge the font-size of the the selected items as well as the options list itself. Could I get some help from someone on this?

    Thank you in advance.

  • Kiran Support Team Lead
    Replied on March 18, 2019 at 9:19 AM

    Please try adding the following CSS code to the custom CSS section of the widget to change the font-size of the options and selected item.

    .item {

    font-size: 16px;

    }

    .option {

    font-size: 16px;

    }

    Thanks!

  • MaidCrew
    Replied on March 18, 2019 at 3:35 PM

    Thank You Kiran... worked great. Much Appreciated!