Web

Martes, 06 Febrero 2018 16:21

Redefinir el CSS del Carousel de la plantilla Helix3

Written by 
Rate this item
(0 votes)

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;}

}

Read 227 times

Leave a comment

Make sure you enter the (*) required information where indicated. HTML code is not allowed.

Sobre CNERIS

CNERIS es una empresa constituida por jóvenes emprendedores procedentes de diferentes sectores del mundo de la información. Nuestro equipo está compuesto por programadores, administradores de sistemas, administradores de base de datos, diseñadores gráficos, maquetadores,