🎨
What are CSS overrides?
Developers can override in-app theme settings with our override tool.
Custom code placed below will override any global or product settings.
CSS override rules will be scoped to the following selectors:
  • #smartrr_account
  • #smartrr_slide_panel
  • #smartrr_toast_container
Below is the full list of CSS variables that manipulated:
--smartrr-primaryColor --smartrr-secondaryColor --smartrr-mainContentBackgroundColor --smartrr-mainContentBorderRadius --smartrr-mainContentBorderColor --smartrr-mainContentBorderWidth --smartrr-loaderPrimaryColor --smartrr-loaderSecondaryColor --smartrr-bodyBackgroundColor --smartrr-bodyTextFontFamily --smartrr-bodyTextFontWeight --smartrr-bodyTextColor --smartrr-heading1TextFontFamily --smartrr-heading1TextFontSize --smartrr-heading1FontWeight --smartrr-heading1TextColor --smartrr-heading2TextFontFamily --smartrr-heading2TextFontSize --smartrr-heading2FontWeight --smartrr-heading2TextColor --smartrr-heading3TextFontFamily --smartrr-heading3TextFontSize --smartrr-heading3FontWeight --smartrr-heading3TextColor --smartrr-heading4TextFontFamily --smartrr-heading4TextFontSize --smartrr-heading4FontWeight --smartrr-heading4TextColor --smartrr-buttonBackgroundColor --smartrr-buttonFontFamily --smartrr-buttonFontSize --smartrr-buttonFontWeight --smartrr-buttonTextColor --smartrr-buttonBorderRadius --smartrr-buttonBorderColor --smartrr-buttonBorderWidth --smartrr-dropdownBackgroundColor --smartrr-dropdownFontFamily --smartrr-dropdownFontSize --smartrr-dropdownFontWeight --smartrr-dropdownTextColor --smartrr-dropdownBorderRadius --smartrr-dropdownBorderColor --smartrr-dropdownBorderWidth --smartrr-smallProductImageBorderRadius --smartrr-mediumProductImageBorderRadius --smartrr-largeProductImageBorderRadius
Export as PDF
Copy link