Multi Option Select - Horizontal Grid Format

/*======================================
MULTI SELECT DROPDOWNS
=======================================*/


form[name=shopForm]{
display:grid;
grid-template-columns: repeat(auto-fill, minmax(75px, 1fr));
gap:0.75rem;
}


form[name=shopForm] .cmsFormElement{
display:flex;
flex-direction:column;

}


form[name=shopForm] .cmsFormElement:first-child{
grid-column: 1 / -1;
}


form[name=shopForm] .cmsFormElement.cmsFormSubmitRow{
grid-column: 1 / -1;

}


form[name=shopForm] .cmsFormPrompt{font-size:80%;width:100%!important;}
form[name=shopForm] .cmsFormData,
form[name=shopForm] select{width:100%!important;}

form[name=shopForm] select{line-height:32px;height:32px;}

Index Previous Next