Print this page
Martes, 06 Febrero 2018 16:21

Redefinir el CSS del Carousel de la plantilla Helix3

Esrito por 

El módulo por defecto de carousel, que viene con la plantilla Helix3 está mal adaptado para móviles. De hecho, el problema que tiene es que la fuente se ve muy grande, con lo que no cabe una descripción de dos líneas.

La solución consiste en redefinir el CSS del carousel, para que en los móviles la fuente se vea más pequeña. He aquí el código.

@media screen and (max-width: 480px) {   

.sppb-carousel-pro-text h2 {

    font-size: 23px;

    line-height: 30px;

    padding: 3px !important;

    text-align: center;}

.sppb-carousel-pro-text h3 {

   padding: 0px !important; margin: 5px !important; font-size: 15px;}

.sppb-item.sppb-item-has-bg .sppb-carousel-item-inner {padding: 10px 20px;}

#section-id-1490875236442 .sppb-col-md-12 {padding:0;}

.sppb-carousel-pro-text p {margin: 0;}

.sppb-carousel-inner > .sppb-item > img  {min-height: 250px;}

}

Leer 3016 times
CNERIS

Ultimas publicaciones de CNERIS

FaLang translation system by Faboba