CSS Personalizados

Textos Carrusel de imágenes

Puedes utilizar este código como base para tus textos personalizados sobre el crrusel de imágenes:

/* Texto del banner personalizado ------------------------------------------------------------------------------------------ */
.textoSlide {
  top: auto!important;
  left: auto!important;
  width: 50%!important;
  bottom: 30%;
  right: 30px;
  opacity: 1!important;
  background: transparent;
}
.textoSlide h1, .textoSlide h2 {
  font-size: 21px;
  font-weight: 600;
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 2px;
}
.textoSlide p {
  font-size: 16px;
  color: #fff;
}
.textoSlide a {
  background: rgb(0,176,183);
  display: inline-block;
  padding: 5px 15px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}
.textoSlide a:hover {
  background: rgba(214,11,82,1);
}