The style of you size chart button can be changed by adding a css class to your theme. This class contains all the information of the change you would like to have.
If you don't know about CSS don't worry! AI can help you with this.
Note: you can follow the steps in this article to change other classes related to SmartSize. To find out the name of all relevant classes click here.
Step 1
Open ChatGPT, Perplexity or any other chatbot of your choice.
Step 2
Copy and paste the following prompt below. Replace the text in red with the style changes that you want to achieve.
------
For my theme css file, please modify this id #sizefox-container in order to...
add a top margin of 20px
add a bottom margin of 10px
change the font color to red
-----
Step 3
Copy the response from Perplexity (or ChatGPT or your model of choice)
Step 3
Open your Theme editor and navigate to Settings. Click on Custom CSS and paste the code given to you in Step 2.
Preview the results and if you are happy, save your changes!
Important: if your theme does not have a section to edit the code directly see the Exception below.
Exception
If you are not able to add a css class via your Theme Editor, you will need to open the relevant css file and edit the code directly. Here is how:
Go to your Theme, click on the [...] and select Edit Code.
Select the right css file (base.css, theme.css or similar name) and paste the code from Step 2 at the bottom of the page and save your changes.
This will implement the changes to the size chart button on both Desktop and Mobile