Advanced Search

LibGuides 2 jQuery Slider

/ Published in: CSS
Save to your folder(s)
Styling for the jQuery slider found on the LibGuides 2 homepage.

Expand | Embed | Plain Text

Copy this code and paste it in your HTML 
  1. #slider-unf {
  2. height: 400px;
  3. }
  4.  
  5. #slider-unf .carousel-inner {
  6. height: 400px;
  7. border-radius: 5px;
  8. }
  9.  
  10.  
  11. #slider-unf .carousel-control {
  12. border-radius: 5px;
  13. }
  14.  
  15. #slider-unf .carousel-caption {
  16. max-height: 250px;
  17. padding-bottom: 150px;
  18. padding-left: 10px;
  19. background-color: rgba(85, 85, 85, 0.65);
  20. text-align: left;
  21. width: 100%;
  22. left: 0px;
  23. }
  24.  
  25. #slider-unf .glyphicon-chevron-right, #slider-unf .glyphicon-chevron-left  {
  26. color: #ffffff;
  27. font-weight: bold;
  28. margin-top: -55px;
  29. }
  30.  
  31. #slider-unf .carousel-caption  h3 {
  32. width: 40%;
  33. background-color: #2293c0;
  34. padding-left: 10px;
  35. text-shadow: none;
  36. }
  37.  
  38. #slider-unf p {
  39. text-shadow: none;
  40. }
  41.  
  42. #slider-unf .carousel-caption a {
  43. background-color: #e8e8e8;
  44. color: #004b8d;
  45. border: none;
  46. border-radius: 5px;
  47. float: right;
  48. padding: 6px 12px;
  49. margin-right: 20px;
  50. text-shadow: none;
  51. }

URL: http://libguides.unf.edu/index.php?

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.