Hello,
It is not possible to make different styles for different attributes.
Please add this code to the Theme Settings > Custom CSS > Global:
body .swatches-select > div {
font-size: 16px;
padding:5px;
border:1px solid #cecece;
}
body .swatches-select .active-swatch {
cursor: pointer;
border:1px solid red!impoortant;
}
Change the font-size and add this code to the Theme Settings > Custom CSS > Mobile:
body .swatches-select > div {
font-size: 16px;
padding:5px;
border:1px solid #cecece;
}
The HTML structure does not allow moving attributes anywhere with CSS, such modification requires customization which is not covered by our support.
Best Regards
.
