Other Tidbits
Icon Conflicts
I found I had some icon conflicts. This is what I added to my template custom CSS file to resolve them so that both the template icons and the Wise icons can load:
/* The icons so that both the template icons and Wise icons work */
[class^="icon-"]::before, [class*=" icon-"]::before {
font-family: "Font Awesome 5 Free", "Font Awesome 5 Pro", "FontAwesome", "wise-icons";
}
If this doesn't affect you, you'll still need to add the following to your template custom CSS file:
/* Wise Icons */
.wise-bootstrap [class^="icon-"]:before, .wise-bootstrap [class*=" icon-"]:before {
font-family: "wise-icons";
}
Making the My Account Fonts and Backgrounds the Same
The Wise Apps My Account pages and Catalog My Account pages have different fonts and sizes of backgrounds. I used the following to make them the same:
/* Wise-Apps My Account buttons same size as Catalog buttons */
.wise-bootstrap .nav > li > a {
padding: 10px 15px !important;
}
.wise-bootstrap {
font-size: 16px;
font-family: Arial,sans-serif;
}