Changing fonts for the entire Product Fruits experience.
.productfruits--container-root {
font-family: Arial;
}
.productfruits--tour-container {
font-family: Arial;
}
.productfruits--card-footer
.productfruits--card-footer-skip-button {
background-color: black;
color: white;
}
.productfruits--card-footer
.productfruits--card-footer-back-button {
background-color: black;
color: white;
}
.productfruits--card-footer
.productfruits--card-footer-skip-button {
display: none !important; /* hide the default footer Skip button */
}
.productfruits--card-header-skip-button {
display: block; /* show the cross button */
background-color: #441122; /* adjust the color */
top: 15px; /* adjust the position */
right: 15px; /* adjust the position */
}
.productfruits--card-footer-steps-counter {
visibility: hidden;
}
If hints are often above overlays or other elements in your application, you can adjust the default Z-index settings. You should find the right value by experimenting with the number. Lower numbers mean hints will be visible more under.
.productfruits--context-help-help-icon {
z-index: 123 !important;
}
.productfruits--changelog-footer {
display: none !important;
}
.productfruits--inline-messaging-container[data-type="banner"] .productfruits--link-appearance-btn-primary {
background-color: #112233 !important;
}
.productfruits--changelog-history-header {
background-color: #112233 !important;
}