Primo VE: Adding a message banner

Can I create a message banner to display at the top of each of my Primo VE pages?

If campuses would like to add an optional banner, they just need to add this additional code to the custom.css file.  

 

 /* LOCAL BANNER */

body::before {

    content: "Hey Look! I can put a banner right here!";

    display: inline-block;

    background: #ecd90f;

    text-align: center;

    width: 100%;

    font-weight: bold;

}

 

Save the css file in the folder structure and zip it using 7zip.

 

Then upload it to your view and deploy that view from the Customization Manager.

 

Primo Homepage with Banner

 

UPDATE: November 2020

One of our libraries asked for a way to include a hyperlink to another page on their website. While we were unable to do this with our original code, Simon Mai of the PALS Office was able to create a small piece of Javascript code that allowed for creating a similar banner at the top of the Primo page.

 

Instructions

 

Add the following code to your library's custom.js file:

 

/*
* Add a top banner
*/
var topBanner = document.createElement('div');
topBanner.innerHTML = "<a href= https://www.mnpals.org/calendar/>See upcoming events on our PALS Calendar!</a>";
topBanner.setAttribute("style", "padding: 2px 0px 4px 0px; display: inline-block; background: #ecd90f; text-align: center; width: 100%; font-weight: bold;");

var body = document.body;
body.insertBefore(topBanner, body.firstChild);

 

Save the custom.js file in the folder structure and zip it using 7zip.

 

Then upload it to your view and deploy that view from the Customization Manager.

Primo Homepage with Banner including a link

 

• Related Articles

• Primo VE (Discovery) Key Resources Page

  Ex Libris Documentation Ex Libris Documentation Ex Libris Customer Knowledge Center has the latest information on all Ex Libris products, including documentation, knowledge articles, training, and more. Primo VE Documentation PALS uses Primo VE, a ...

• Primo VE: Adding Springshare's LibChat to Primo

  Can I add my Springshare LibChat widget to Primo VE? NOTE: The Springshare LibChat widget is part of the commercial Springshare suite of products. You will need to have a subscription or trial access to set up for your library. If campuses would like ...

• Primo NDE Implementation

  Primo NDE Release Information Ex Libris has shared information about the process for getting early access to the Primo Next Discovery Experience (NDE) environment ahead of the general release in May 2025. According to the Ex Libris NDE documentation ...

• Primo Research Assistant Customization Options

  Introduction to Primo Research Assistant Ex Libris describes the Primo Research Assistant as follows: Primo Research Assistant is a generative AI-powered tool designed to streamline time-intensive tasks. It enables users to query academic content in ...

• Updating the Primo VE Feedback Tool Icon

  Ex Libris covers many aspects of their Primo VE Feedback Tool in their documentation, but how to change the Icon is not covered. Libraries have asked about changing the Icon because it often looks too similar to the Chat icons that many libraries ...