Changing marketplace font requires customization through the Custom code editor. This is only available on a paid subscription. Do note that Arcadier does not support the maintenance of these codes.
The following contains step-by-step instructions to change the font in the marketplace through custom codes.
Step 1. Adding code on Custom styling (CSS) editor in admin portal
Log in to your administrator's portal. Then, select Design > Custom Code. The font code will be added to the "Custom Styling (CSS)" editor.
Copy and paste the below code on the Custom Styling (CSS) editor:
body, html {
insert font code
}
Step 2. Select your fonts (via google fonts)
Click on "select this style" on the chosen font for your marketplace.
Copy the code under "CSS rules to specify families". In this example, it will be as follows:
font-family: 'Antonio', sans-serif;
Step 3. Update custom code with the desired font style.
Replace "insert font code" with the copied codes from Google fonts. The expected result should look like the following:
body, html {
font-family: 'Antonio', sans-serif;
}
Click Save.
Step 4. Clear cache and refresh to view changes
Make sure to clear cache and refresh to view the changes made on your marketplace. This can be applied when attempting to change the font or to remove the font altogether. Clear the web cache. Based on your current browser, select one of the links for a step-by-step guide. Google Chrome, Microsoft Edge, Safari
Refresh the page by clicking "Ctrl + R" or "cmd + R" for mac users. After clearing cache to view the new changes on your marketplace.
Arcadier will not be responsible for the support and maintenance of these codes or the bugs that may arise when Arcadier does its regular updates.
If you require any further customizations through custom codes, kindly contact the custom coders here.