CSU Library Website Customization

Documentation of CSU Primo and LibGuides customization

Custom code for Look and Feel

<meta name="author" content="Subject Librarians" />
<link rel="icon" type="image/gif" href="//lib2.colostate.edu/includes/wp/images/favicon.png" />
<link rel="stylesheet" href="//lib2.colostate.edu/includes/libguides/csu-lib-wp.css" />
<link rel="stylesheet" href="//lib2.colostate.edu/includes/libguides/libguides2017.css" />
<link rel="stylesheet" href="//lib2.colostate.edu/includes/wp/csulib.css" />
<link rel="stylesheet" href="//lib2.colostate.edu/includes/wp/font-awesome.css" />
 
 
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="shortcut icon" type="image/x-icon" href="//lib2.colostate.edu/includes/wp/images/favicon.png">
<link rel="profile" href="//gmpg.org/xfn/11">
<link rel="dns-prefetch" href="//s.w.org">
<link rel="alternate" type="application/rss+xml" title="Libraries | Colorado State University » Feed" href="//lib.colostate.edu/feed/">
<link rel="alternate" type="application/rss+xml" title="Libraries | Colorado State University » Comments Feed" href="//lib.colostate.edu/comments/feed/">
<link rel="stylesheet" id="dslc-main-css-css" href="https://lib.colostate.edu/wp-content/plugins/live-composer-page-builder/css/frontend/main.css?ver=1.3" type="text/css" media="all">
<link rel="stylesheet" id="dslc-modules-css-css" href="https://lib.colostate.edu/wp-content/plugins/live-composer-page-builder/css/frontend/modules.css?ver=1.3" type="text/css" media="all">
<link rel="stylesheet" id="dslc-font-awesome-css" href="//lib2.colostate.edu/includes/wp/font-awesome.css?ver=1.3" type="text/css" media="all">
<!--[if IE]>
<link rel='stylesheet' id='dslc-css-ie-css'  href='https://lib.colostate.edu/wp-content/plugins/live-composer-page-builder/css/ie.css?ver=1.3' type='text/css' media='all' />
<![endif]-->
<link rel="stylesheet" id="baseline-style-css" href="https://lib.colostate.edu/wp-content/themes/library/style.css?ver=4.7.5" type="text/css" media="all">
<link rel="stylesheet" id="flickity-css" href="https://lib.colostate.edu/wp-content/themes/library/bower_components/flickity/dist/flickity.css" type="text/css" media="all">
<link rel="stylesheet" id="screen-css" href="//lib.colostate.edu/wp-content/themes/library/css/screen.css" type="text/css" media="all">
<link rel="stylesheet" id="tablepress-default-css" href="//lib.colostate.edu/wp-content/plugins/tablepress/css/default.min.css?ver=1.8" type="text/css" media="all">
//<!--<script type="text/javascript" src="//lib.colostate.edu/wp-includes/js/jquery/jquery.js?ver=1.12.4"></script>
//<script type="text/javascript" src="//lib.colostate.edu/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.4.1"></script>-->
<script type="text/javascript" src="//lib.colostate.edu/wp-content/plugins/live-composer-page-builder/js/frontend/plugins.js?ver=1.3"></script>
<script type="text/javascript">
// library customization to resize logo
function resizeLogo () {
var w = jQuery(document).width();
jQuery('#responsiveLogo').removeClass().addClass(w >= 800 ? 'screenLG' : w < 600 ? 'screenSM' : 'screenMD');
}
function removeNewsNav() {
if (jQuery('.region-sidebar-second a[href="/about/news/2017/author-series"]').length)
jQuery('.region-sidebar-first').hide();
}
function currentPage() {
// current page link style
jQuery('a[href="' + window.location.pathname.split("#")[0] + '"]').addClass('currentPage');
}
jQuery(window).resize(resizeLogo);
jQuery(document).ready(resizeLogo);
// library customization to hide news navigation from author series
jQuery(document).ready(removeNewsNav);
jQuery(document).ready(currentPage);
</script>
<link rel="https://api.w.org/" href="//lib.colostate.edu/wp-json/">
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="//lib.colostate.edu/xmlrpc.php?rsd">
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="//lib.colostate.edu/wp-includes/wlwmanifest.xml">
<link rel="stylesheet" href="//lib2.colostate.edu/includes/wp/csulib.css">
<link rel="stylesheet" href="//static.colostate.edu/fonts/factoria/factoria.css">
<style>
@font-face{font-family:'prox-light';src:url("//static.colostate.edu/fonts/proxima-nova/proximanova_light_macroman/ProximaNova-Light-webfont.eot");src:url("//static.colostate.edu/fonts/proxima-nova/proximanova_light_macroman/ProximaNova-Light-webfont.eot?#iefix") format("embedded-opentype"),url("//static.colostate.edu/fonts/proxima-nova/proximanova_light_macroman/ProximaNova-Light-webfont.woff2") format("woff2"),url("//static.colostate.edu/fonts/proxima-nova/proximanova_light_macroman/ProximaNova-Light-webfont.woff") format("woff"),url("//static.colostate.edu/fonts/proxima-nova/proximanova_light_macroman/ProximaNova-Light-webfont.ttf") format("truetype");font-weight:normal;font-style:normal}#BrandLogo{font-size:0px;line-height:0}.responsiveLogoContainer{display:inline-flex}div#responsiveLogo{display:inherit;align-self:stretch;align-items:center;width:400px}div#responsiveLogo div{overflow-x:hidden}div#responsiveLogo span{padding:5px 0px 5px 0px;display:block;width:400px}div#responsiveLogo span.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}div#responsiveLogo svg{max-width:100%;height:auto;display:block}div#responsiveLogo>div{width:100%}div#responsiveLogo.screenSM{width:calc(400px / 3.1)}div#responsiveLogo.screenSM #wordLG,div#responsiveLogo.screenSM #wordMD{opacity:0}div#responsiveLogo.screenMD{width:calc(400px / 2.05)}div#responsiveLogo.screenMD #wordLG,div#responsiveLogo.screenMD #csu{opacity:0}div#responsiveLogo.screenLG #csu,div#responsiveLogo.screenLG #wordMD{opacity:0}#responsiveLogoSubsytem{display:inherit;align-self:stretch;align-items:center;margin:8px 0;padding-left:32px;position:relative}#responsiveLogoSubsytem:before{content:'';display:block;position:absolute;top:0;left:0;bottom:0;right:0;border-left:2px solid #004c23;margin-left:15px;z-index:0}#responsiveLogoSubsytem p,#responsiveLogoSubsytem h2{font-family:'prox-light', sans-serif !important;color:#004c23;margin:0px;letter-spacing:.11em;line-height:1.1em;font-size:14px;font-weight:100;text-transform:uppercase;position:relative;z-index:1}#responsiveLogoSubsytem p a,#responsiveLogoSubsytem h2 a{color:inherit;text-decoration:none}#BrandLogo.greenLogo #word,#BrandLogo.greenLogo #csu,#BrandLogo.greenLogo #wordMD,#BrandLogo.greenLogo #wordLG{fill:#004c23 !important}#BrandLogo.greenLogo #responsiveLogoSubsytem{border-color:#004c23}#BrandLogo.greenLogo p,#BrandLogo.greenLogo h2{color:#004c23}#BrandLogo.fontLarge p,#BrandLogo.fontLarge h2{font-size:19px}#BrandLogo #word,#BrandLogo #csu,#BrandLogo #wordMD,#BrandLogo #wordLG{fill:white !important}#BrandLogo #responsiveLogoSubsytem:before{border-color:white}#BrandLogo p,#BrandLogo h2{color:white}
</style>
 
<script type="text/javascript" src="//lib2.colostate.edu/includes/libguides/libguides2017.js"></script>

Database A-Z List Sharing Button Stopped Working Problem

Chrome Console display an error.

Uncaught TypeError: jQuery(...).tooltip is not a function

    at Object.success (lg-public.min.js:13)

    at i (jquery.js?ver=1.12.4:2)

    at Object.fireWith [as resolveWith] (jquery.js?ver=1.12.4:2)

    at y (jquery.js?ver=1.12.4:4)

    at XMLHttpRequest.c (jquery.js?ver=1.12.4:4)

Solution 

The issue here is tied to the jQuery library that you were calling in your custom code -- https://www.screencast.com/t/xtamWFVv. LibGuides has jQuery built-in by default and calling the library a second time can break things. I've commented out the duplicate call and the script for the share button is loading properly. 

Commented out two lines. 

<!--<script type="text/javascript" src="//lib.colostate.edu/wp-includes/js/jquery/jquery.js?ver=1.12.4"></script>
<script type="text/javascript" src="//lib.colostate.edu/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.4.1"></script>-->
URL: https://libguides.colostate.edu/web_customization | Print Page