To add further styling to your OverDRIVE site, paste these snippets into the CSS box in Site Settings > Developers.

If you don`t know CSS, simply copy and paste each snippet (in the grey box) you wish to try out, adding a line space in between each one.

Hide the breadcrumb bar

This code will hide the breadcrumb bar but keep the action icons on each page, useful if you don`t want the breadcrumb but users need to be able to change views, download files or star items.

/*hide breadcrumb bar but not icons*/
#od-breadcrumb {
visibility: hidden;
}

Remove empty table on pages with no content

This code will stop the Folder tables showing if there is no content on a page.

/*hide empty datatables*/
[od-ajax-records-total="0"] {display:none;}

There is lots more styling that can be done in OverDRIVE if you know CSS or Javascript, just add your code into the relevant boxes in Site Settings > Developers.

If you have some styling or customisation ideas and want to share them with us and other OverDRIVE admins please send your code and description to us at helpdesk@overdrive.io - we will add the best ideas here. If you don`t know CSS but have an styling idea, just send us the description and we`ll get our team onto it for you!