Ocultar zona de una tabla en móvil

Guillermo

Estimable Member

Hola, buenas tardes. Me gustaría cambiar una cosa de la web. Tengo varias tablas comparativas hechas con el plugin Pricing Table (adjunto captura). En el PC se ven genial, pero en el móvil hay varias filas de cada tabla vacías que quiero quitar porque es un poco molesto. En el PC quiero que esos espacios en blanco se mantengan, pero en el móvil los quiero quitar.

URL del sitio: Contenido solo visible a usuarios registrados

Citar

Respondido : 06/05/2016 5:07 pm

Jhon

Soporte CMS Webempresa Moderator

Hola

Podrías probar hacerlo con CSS, sin embargo tendrías primero qeu corregir tu código final del archivo :

/wp-content/themes/albar/style.css

En la parte final tienes :

@media (max-width:768px){
 .ptsCol .ptsTableElementContent span{
  font-size:20px!important;
 }

Esto es incorrecto para el código que pongas luego no funcionará, falta cerrar una llave, es decir agregar una llave al final

@media (max-width:768px){
 .ptsCol .ptsTableElementContent span{
  font-size:20px!important;
 }
}

Luego que haces esa correción podrías agregar codigo CSS para hacer lo que quieres, por ejemplo en la página :

Contenido solo visible a usuarios registrados

Podrías ocultarlo con el siguiente código CSS

@media (max-width:480px){
	.page-id-2141 .ptsCol-1 div.ptsRows .ptsCell:nth-last-child(1),
	.page-id-2141 .ptsCol-1 div.ptsRows .ptsCell:nth-last-child(2),
	.page-id-2141 .ptsCol-1 div.ptsRows .ptsCell:nth-last-child(3){
		display:none;
	}

	.page-id-2141 .ptsCol-2 div.ptsRows .ptsCell:nth-last-child(1){
		display:none;
	}
}

Agrega este código al final del archivo anterior

2141 es el ID de la pagina,
.ptsCol-X donde X es el numero de columna
nth-last-child(Y) donde Y es el numero de celda empezando a contar desde abajo.

Saludos.

ResponderCitar

Respondido : 06/05/2016 8:17 pm

Guillermo

Estimable Member

Perfecto! He hecho los cambios que me has dicho y ya se ha ocultado en móvil. Quiero aplicar este estilo a otra página, ¿donde encuentro el id de la página?

ResponderCitar

Respondido : 09/05/2016 12:36 pm

Pepe

Soporte CMS Webempresa Admin

Hola Guillermo.
Depende de lo que quieras modificar, cada elemento tiene su propio estilo, para poder cambiar estilos css puedes revisar esta entrada del blog donde se explica la utilización de ' Firebug '
Cómo modificar estilos CSS en Plantillas Joomla, WordPress o PrestaShop

Si nos indicas que quieres modificar te ayudaremos con eso.

Un saludo

ResponderCitar

Respondido : 09/05/2016 1:12 pm

Guillermo

Estimable Member

Perfecto! Ya está modificado, gracias por la ayuda! Estoy aprendiendo un montón.

ResponderCitar

Respondido : 09/05/2016 1:25 pm