No encuentro el padding  

 
Guillermo
 Guillermo
Estimable Member

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

Citar
Respondido : 18/04/2016 12:56 pm
Pablo Velasco
 Pablo Velasco
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.

ResponderCitar
Respondido : 18/04/2016 4:05 pm

Cursos Gratuitos WordPress

Guillermo
 Guillermo
Estimable Member

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.

ResponderCitar
Respondido : 18/04/2016 8:55 pm
Jhon
 Jhon
Soporte CMS Webempresa 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.

ResponderCitar
Respondido : 19/04/2016 1:04 am

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Guillermo
 Guillermo
Estimable Member

No ha cambiado nada, te adjunto captura.

ResponderCitar
Respondido : 19/04/2016 11:03 am
Pepe
 Pepe
Soporte CMS Webempresa 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

ResponderCitar
Respondido : 19/04/2016 2:15 pm

wpdoctor-revisa-la-salud-de-tu-wordpress

Guillermo
 Guillermo
Estimable Member

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.

ResponderCitar
Respondido : 19/04/2016 2:44 pm
Jhon
 Jhon
Soporte CMS Webempresa 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.

ResponderCitar
Respondido : 19/04/2016 7:10 pm

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Guillermo
 Guillermo
Estimable Member

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!

ResponderCitar
Respondido : 19/04/2016 7:29 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

El tema de precios se debería corregir con :

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

}

Saludos.

ResponderCitar
Respondido : 19/04/2016 11:33 pm

Cursos Gratuitos WordPress

Guillermo
 Guillermo
Estimable Member

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.

ResponderCitar
Respondido : 21/04/2016 11:12 am