If you want to apply a specific font to the Kiwi modal content, especially if theme styles are interfering with Kiwi styles, you can easily do so with custom CSS. This is particularly useful for maintaining consistency in your size chart.
Steps to Apply a Custom Font:
Navigate to Styles and Settings > Advanced > Custom CSS section.
Deploy the following code:
.ks-modal-content-wrapper * {
font-family: Futura, sans-serif !important; // can be any font
}Don't forget to save your changes!
Setting a Fallback Font:
It’s good practice to set a fallback font in case your primary font is unavailable. Use the following syntax:
.ks-modal-content-wrapper * {
font-family: Futura, "Times New Roman", sans-serif !important;
}IMPORTANT NOTE: If your font has two or more words, be sure to enclose it in quotation marks.
This CSS code ensures that all elements within the Kiwi modal content wrapper are styled with the specified font family.