Smartrr allows you to customize the look and feel of your customers’ Account Portals.
Within the Smartrr app, you are able to directly edit coloring and typography of the Account Portal. If you work with a developer and would like to implement custom CSS styling, we also offer a set of variables that you can place in our ‘CSS Overrides’ section. Custom CSS placed here will override any in-app Theme Settings to the Account Portal.
Within the Smartrr app, navigate to Theming under CONFIGURATION in the left-hand menu:
Under Global Settings, you can define colors with HEX values. You are able to edit primary and secondary colors, background colors, font colors, button colors, and more. You can also edit button border width and radii. Typography can also be customized to match your site’s existing theme.
Note: Any fonts used in your existing Shopify store referenced in your codebase can be used on the Account Portal. Simply type in the name of the font in Global Settings and the font family will be correctly referenced.
Under Product Settings, you can customize coloring specific to individual products.
CSS Overrides will override any Global or Product settings. For a comprehensive list of editable CSS classes, navigate to the Variable Key tab.
