/ Published in: CSS
Styling for the jQuery slider found on the LibGuides 2 homepage.
Expand |
Embed | Plain Text
Copy this code and paste it in your HTML
#slider-unf { height: 400px; } #slider-unf .carousel-inner { height: 400px; border-radius: 5px; } #slider-unf .carousel-control { border-radius: 5px; } #slider-unf .carousel-caption { max-height: 250px; padding-bottom: 150px; padding-left: 10px; background-color: rgba(85, 85, 85, 0.65); text-align: left; width: 100%; left: 0px; } #slider-unf .glyphicon-chevron-right, #slider-unf .glyphicon-chevron-left { color: #ffffff; font-weight: bold; margin-top: -55px; } #slider-unf .carousel-caption h3 { width: 40%; background-color: #2293c0; padding-left: 10px; text-shadow: none; } #slider-unf p { text-shadow: none; } #slider-unf .carousel-caption a { background-color: #e8e8e8; color: #004b8d; border: none; border-radius: 5px; float: right; padding: 6px 12px; margin-right: 20px; text-shadow: none; }
URL: http://libguides.unf.edu/index.php?