Avisos
Vaciar todo
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 12:56 pm
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 4:05 pm
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 8:55 pm
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 1:04 am
No ha cambiado nada, te adjunto captura.
Respondido : 19/04/2016 11:03 am
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 2:15 pm
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 2:44 pm
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 7:10 pm
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 7:29 pm
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 11:33 pm
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 11:12 am
