Ex Libris Primo sign in link - custom CSS/JS - see in action at search.library.vcu.edu

primo-sign-in.css

.signin-link {
	padding: 12px;
	margin-bottom: 15px;
	border-radius: 4px;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	background: #f8f4d6;
}

.signin-link a {
	background-image: url('images/icon-signin.png');
	background-size: 17px;
	background-repeat: no-repeat;
	background-position: 2px 0px;
	padding: 0 0 5px 27px;
}

primo-sign-in.js

  //add sign in link
  var signinHref = $("li#exlidSignIn a").attr('href');

  var signinLink="<div class='signin-link'><a href=''>Sign in to see all search results</a></div>";
   if ($("li#exlidSignIn").is(':visible') && $('.EXLResultsTable').length){
    $('.EXLResultsHeader').after(signinLink);
    $(".signin-link a").attr('href', signinHref);
  }

See it in action: search.library.vcu.edu

Icon image: