To go along with Tulane's new design approach, we made additional changes to how thumbnails and collection description boxes are displayed on our website.
The custom css is stored under library.search.tulane.edu/discovery/css
Right click on the TU Primo VE site and click on “Inspect”, the file is under Sources. Below are some changes we have made.
1. Set up the min-height and max-width for the collection information box
/* min-height for collection info box */
.collection-info{
min-height:200px;
max-width:65%!important;
}
2. Set a new color for the collection information box URLs
/* color for collection info URLs */
.collection-info a{
color:#73e9ff
}
3. Set up the max-width for the Collection card text
/* Collection Card Text */
prm-gallery-collection .collection-folder h3{
max-width:60%!important;
}
4. Remove the margin for top background image
/* Background image no margin - top */
prm-collection-gallery-header .collection-header-inner.has-transparent-topbar{
margin-top:0px!important;
}
5. Set the color for the top menu
/* Collection Top-menu color */
prm-explore-main .header .transparent-top-bar:before{
background-color:#042514!important;
opacity:100
}
6. Hide the sub-collection etc text on the card
/* Hide the Collection text on the cover image */
.item-meta.layout-align-start-center {
display: none!important;
}