If you wish to have specific modifications to the size chart. You may adjust these via CSS classes. This is service that your web administrator or developer can do for you with the reference of the classes below.
Pre- requisites
- Good html and CSS knowledge
CSS Classes
If you would like to change any styles of the size chart popup you can do so by modifying or overwriting SmartSize default styles in the CSS file of your Theme. You can find below a high level structure of the popup.
--------------------------------------------------------------------------------------------------------------
Would you like to swap the fields cm and inches?
Go to your Shopify Theme, open the code editor and navigate to your css file (the name is generally: base.css or styles.css)
Go to your Shopify Theme, open the code editor and navigate to your css file (the name is generally: base.css or styles.css)
Add the following code into the file and save your changes.
.smartsize-tab_label-CM {
order: 2
}
.smartsize-tab_label-divider {
order: 1
}
.smartsize-tab_label-IN {
order: 0
}