...
File path example: 01CALS_INST.zip\01CALS_INST\js\custom.js
Include this code in the custom.js file after the var app = angular line but before the closing })(); line.
Note: be sure to supply the correct code for your institution in the templateUrl path.
...
File path example: 01CALS_INST.zip\01CALS_INST\css\custom1.css
Include this code anywhere after the @charset declaration. Be sure that the colors you choose pass web accessibility requirements.
/* css for topAlert.html alert box */primo-explore-top-alert .bar.alert-bar { font-size: 18px; font-weight: 700; border-color: #F89763; background-color: #F89763 !important;}
...
File path example: 01CALS_INST.zip\01CALS_INST\html\topAlert.html
The code below is the entirety of what is required in the topAlert.html file. Do not include normal HTML opening and closing tags such as <html>, <body>, etc.
Note: When you first do this, topAlert.html will not exist; you must create it.
<primo-explore-top-alert> <div class="bar alert-bar" layout="row" layout-align="center center"> <span class="bar-text"> <span translate="custom.banner_value1">Your message text<Your alert message here."></span> <a ng- href="{{ 'custom.banner_value2' | translate}}https://www.calstate.edu/examplelink" target="_blank" class="arrow-link md-primoExplore-theme"> <span>See more</span> <span class="sr-only">(opens in a new window)</span> <prm-icon external-link icon-type="svg" svg-icon-set="primo-ui" icon-definition="open-in-new"> </prm-icon> </a> </span> </div></primo-explore-top-alert>
...