Advertisement
Guest User

homepage testimonials css

a guest
Oct 18th, 2018
95
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 5.28 KB | None | 0 0
  1. /* Home - Testimonials
  2. -------------------------------------------------- */
  3. @media (max-width: 767.98px) {
  4. .section-home-testimonials {
  5. padding-bottom: 0rem !important; } }
  6. @media (max-width: 767.98px) {
  7. .section-home-testimonials .testimonials-list {
  8. margin-bottom: 1.5rem !important; } }
  9. .section-home-testimonials .testimonials-list .testimonials-item {
  10. margin: 10px; }
  11. .section-home-testimonials .testimonials-list .testimonials-item .testimonials-content {
  12. border-radius: 2px;
  13. min-height: auto !important; }
  14. @media (min-width: 768px) {
  15. .section-home-testimonials .testimonials-list .testimonials-item .testimonials-content {
  16. box-shadow: 0 0rem 1rem rgba(0, 0, 0, 0.075);
  17. padding: 1.5rem; } }
  18. @media (min-width: 992px) {
  19. .section-home-testimonials .testimonials-list .testimonials-item .testimonials-content {
  20. min-height: 350px !important;
  21. display: flex;
  22. flex-direction: column;
  23. align-items: center;
  24. text-align: center; } }
  25. .section-home-testimonials .testimonials-list .testimonials-item .testimonials-content .testimonials-img img {
  26. width: 55px;
  27. height: 55px;
  28. border-radius: 50%;
  29. margin: 0 auto;
  30. float: left; }
  31. @media (min-width: 768px) {
  32. .section-home-testimonials .testimonials-list .testimonials-item .testimonials-content .testimonials-img img {
  33. width: 65px;
  34. height: 65px; } }
  35. @media (min-width: 992px) {
  36. .section-home-testimonials .testimonials-list .testimonials-item .testimonials-content .testimonials-img img {
  37. float: none;
  38. display: block;
  39. margin-bottom: 1rem; } }
  40. .section-home-testimonials .testimonials-list .testimonials-item .testimonials-content .testimonial-text {
  41. font-weight: 300;
  42. font-size: .9rem;
  43. line-height: 1.6; }
  44. @media (min-width: 768px) {
  45. .section-home-testimonials .testimonials-list .testimonials-item .testimonials-content .testimonial-text {
  46. padding-left: 90px; } }
  47. @media (min-width: 992px) {
  48. .section-home-testimonials .testimonials-list .testimonials-item .testimonials-content .testimonial-text {
  49. padding-left: 0; } }
  50. .section-home-testimonials .testimonials-list .testimonials-item .testimonials-content .rating {
  51. margin-bottom: .5rem;
  52. padding-left: 70px; }
  53. .section-home-testimonials .testimonials-list .testimonials-item .testimonials-content .rating i {
  54. font-size: 0.8rem; }
  55. @media (min-width: 992px) {
  56. .section-home-testimonials .testimonials-list .testimonials-item .testimonials-content .rating i {
  57. font-size: 1rem; } }
  58. .section-home-testimonials .testimonials-list .testimonials-item .testimonials-content .rating .fas {
  59. color: gold; }
  60. .section-home-testimonials .testimonials-list .testimonials-item .testimonials-content .rating .far {
  61. color: gold; }
  62. @media (min-width: 768px) {
  63. .section-home-testimonials .testimonials-list .testimonials-item .testimonials-content .rating {
  64. padding-left: 90px; } }
  65. @media (min-width: 992px) {
  66. .section-home-testimonials .testimonials-list .testimonials-item .testimonials-content .rating {
  67. padding-left: 0; } }
  68. .section-home-testimonials .testimonials-list .testimonials-item .testimonials-content .testimonial-name {
  69. font-family: "Jenius Sans", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  70. font-size: .8rem;
  71. margin-bottom: .1rem;
  72. padding-left: 70px; }
  73. @media (min-width: 768px) {
  74. .section-home-testimonials .testimonials-list .testimonials-item .testimonials-content .testimonial-name {
  75. padding-left: 90px;
  76. font-size: .9rem; } }
  77. @media (min-width: 992px) {
  78. .section-home-testimonials .testimonials-list .testimonials-item .testimonials-content .testimonial-name {
  79. padding-left: 0;
  80. margin-top: .1rem; } }
  81. .section-home-testimonials .testimonials-list .testimonials-item .testimonials-content .testimonial-username {
  82. font-family: "Jenius Sans", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  83. font-size: .7rem;
  84. color: #20A4DC;
  85. padding-left: 70px;
  86. display: block; }
  87. @media (min-width: 768px) {
  88. .section-home-testimonials .testimonials-list .testimonials-item .testimonials-content .testimonial-username {
  89. font-size: .8rem;
  90. padding-left: 90px; } }
  91. @media (min-width: 992px) {
  92. .section-home-testimonials .testimonials-list .testimonials-item .testimonials-content .testimonial-username {
  93. padding-left: 0; } }
  94. @media (min-width: 992px) {
  95. .section-home-testimonials .testimonials-list .testimonials-item .testimonials-content .testimonials-header {
  96. margin-bottom: auto; } }
  97. .section-home-testimonials .testimonials-list + .btn-link-w-chevron {
  98. margin-top: -1rem !important;
  99. align-self: center; }
  100. .section-home-testimonials .testimonials-list .slick-dots {
  101. bottom: -20px; }
  102. @media (min-width: 576px) {
  103. .section-home-testimonials .testimonials-list .slick-dots {
  104. bottom: -25px; } }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement