Avisos
Vaciar todo

No encuentro el padding

11 Respuestas
4 Usuarios
0 Reactions
797 Visitas
Respuestas: 151
Estimable Member
Topic starter
 

Buenos días. Me estoy calentando la cabeza buscando un padding o tamaño de letra para cambiar, ya que como lo tengo ahora no se me ve bien en móvil. Os adjunto captura de como se ve y de como quiero que se vea.

URL del sitio: Contenido solo visible a usuarios registrados


 
Respondido : 18/04/2016 11:56 am
Pablo Velasco
Respuestas: 20382
Illustrious Member
 

Hola,

Ese padding no se está cargando desde ningún archivo CSS, sino que se carga directamente con el código de la página, entiendo que inyectado por el plugin que estás utilizando para cargar estas tablas de precios. En concreto sería el siguiente código:

#ptsBlock_620666 .ptsCol .ptsColDesc {
	padding: 30px 15px;
}

Es decir, se está poniendo un padding de 30px en la parte superior e inferior, y un padding de 15px en los laterales.

Para modificar esto tendrías que revisar el código del plugin en busca del lugar donde se inyecta. Otra posibilidad sería aplicar este estilo dentro de algún archivo css que se cargue en tu WordPress, de la siguiente manera:

#ptsBlock_620666 .ptsCol .ptsColDesc {
	padding: 30px 5px !important;
}

Ese "!important" hace que prevalezca este estilo respecto al anterior. En el ejemplo que he puesto he cambiado el padding de los laterales a 5px.


 
Respondido : 18/04/2016 3:05 pm
Respuestas: 151
Estimable Member
Topic starter
 

He puesto el código que me has pasado en el Style.css, pero sigue igual. El problema es el tema móvil, en PC se ve bien.


 
Respondido : 18/04/2016 7:55 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member Moderator
 

Hola

ES como si hubiera algún código javascript que corrige las clases
Prueba agregando el siguiente código al final de tu archivo CSS

@media (max-width:768px){
	#ptsBlock_57900 .ptsCol .ptsColHeader .ptsEl span{
		font-size:18px!important;
	}
	#ptsBlock_57900 .ptsCol .ptsTableElementContent .ptsEl span{
		font-size:24px!important;
	}	
}

Este código lo que debe hacer es reducir el tamaño de los textos que aparecen demasiado grandes.

Saludos.


 
Respondido : 19/04/2016 12:04 am
Respuestas: 151
Estimable Member
Topic starter
 

No ha cambiado nada, te adjunto captura.


 
Respondido : 19/04/2016 10:03 am
Pepe
 Pepe
Respuestas: 41133
Illustrious Member Admin
 

Hola Guillermo
Prueba con este codigo que te paso, añadelo al archivo 'style.css' que se encuentra en:
' themes/albar/style.css '

@media (max-width:768px){
	#ptsBlock_555242 .ptsCol .ptsTableElementContent, #ptsBlock_555242 .ptsCol .ptsTableElementContent span {
    font-size: 2.5rem;
	}	
}

Los títulos los tienes puestos dentro de un por lo que tienes que cambiarlo desde ese

Un saludo


 
Respondido : 19/04/2016 1:15 pm
Respuestas: 151
Estimable Member
Topic starter
 

Sigue igual... No lo entiendo, la verdad. Debería de cambiarse! Desde el pc no hay problema pero hoy en día todos entran desde el móvil y necesito que se vea bien. Lamento todos los problemas que estoy dando... pero necesito que quede perfecto.


 
Respondido : 19/04/2016 1:44 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member Moderator
 

Hola

Por alguna razón los ID de tu html va cambiando, es algo realmente muy extraño, ya que no tiene mucha lógica que vaya cambiando IDS, veo que incluso refrescando el navegador cambia, que extensión estas usando?

El código CSS brindado esta basado en el ID y este no debería cambiar.

Prueba el código sin incluir el ID, por ejemplo :

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

Saludos.


 
Respondido : 19/04/2016 6:10 pm
Respuestas: 151
Estimable Member
Topic starter
 

Le he metido este código. Ya tenemos corregido el título, ahora falta el tema de precios. Lo quiero hacer un poco más pequeño la letra.
@media (max-width:768px){
.ptsCol .ptsColHeader .ptsEl span{
font-size:25px!important;
}
}

Muchas gracias por la ayuda!


 
Respondido : 19/04/2016 6:29 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member Moderator
 

Hola

El tema de precios se debería corregir con :

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

}

Saludos.


 
Respondido : 19/04/2016 10:33 pm
Respuestas: 151
Estimable Member
Topic starter
 

Se cambia lo de toda la tabla, pero me vale! Ya no molesto más con este tema, muchas gracias por ayudar y preocuparos tanto!
Un saludo.


 
Respondido : 21/04/2016 10:12 am