You are here

Home » API reference » Diba carousel slider 8

diba-carousel.css in Diba carousel slider 8 

.diba-carousel .carousel-indicators {
  margin-left: 0;
  justify-content: flex-start;
  bottom: 0;
  width: 35%;
  margin-right: 0;
  padding-left: 15px;
}
.diba-carousel .carousel-caption {
  left: 0;
  bottom: 0;
  top: 0;
  padding: 15px;
  width: 35%;
  text-align: left;
  background-image: url('../img/bg-transparent.png');
  background-repeat: repeat;
}
.diba-carousel .carousel-caption,
.diba-carousel .see-more-description,
.diba-carousel .caption-title,
.diba-carousel .caption-title a,
.diba-carousel .caption-title a:hover,
.diba-carousel .caption-title a:focus {
  color: #fff;
}
.diba-carousel .see-more-description:hover,
.diba-carousel .see-more-description:focus {
  text-decoration: underline;
}
.diba-carousel .carousel-row {
  margin-right: 0;
  margin-left: 0;
}
.diba-carousel .carousel-col {
  padding-right: 0;
  padding-left: 0;
}
.diba-carousel .carousel-control {
  z-index: 100;
}

File

assets/css/diba-carousel.css
View source 
  1. .diba-carousel .carousel-indicators {

  2.   margin-left: 0;

  3.   justify-content: flex-start;

  4.   bottom: 0;

  5.   width: 35%;

  6.   margin-right: 0;

  7.   padding-left: 15px;

  8. }

  9. .diba-carousel .carousel-caption {

  10.   left: 0;

  11.   bottom: 0;

  12.   top: 0;

  13.   padding: 15px;

  14.   width: 35%;

  15.   text-align: left;

  16.   background-image: url('../img/bg-transparent.png');

  17.   background-repeat: repeat;

  18. }

  19. .diba-carousel .carousel-caption,

  20. .diba-carousel .see-more-description,

  21. .diba-carousel .caption-title,

  22. .diba-carousel .caption-title a,

  23. .diba-carousel .caption-title a:hover,

  24. .diba-carousel .caption-title a:focus {

  25.   color: #fff;

  26. }

  27. .diba-carousel .see-more-description:hover,

  28. .diba-carousel .see-more-description:focus {

  29.   text-decoration: underline;

  30. }

  31. .diba-carousel .carousel-row {

  32.   margin-right: 0;

  33.   margin-left: 0;

  34. }

  35. .diba-carousel .carousel-col {

  36.   padding-right: 0;

  37.   padding-left: 0;

  38. }

  39. .diba-carousel .carousel-control {

  40.   z-index: 100;

  41. }