estilo paginación m...
Avisos
Vaciar todo

estilo paginación mobile  

 
GTI
 GTI
Usuario eminente

No localizo como modificar el estilo de la paginación de resultados del buscador de mi web.
En versión Desktop de ve bien, pero no así en la versión mobile.

Adjunto capturas de ambos.

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 03/07/2018 5:34 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola.

Cual es el problema ¿ Que se ve cortado ?

Si es eso, prueba añadir lo siguiente a tu archivo de estilos CSS " /templates/xtec/css/xtec-custom.css

.component-content .pagination ul li a, .component-content .pagination ul li span {
    line-height: 20px;
}

Un saludo

ResponderCitar
Respondido : 03/07/2018 6:03 pm

GTI
 GTI
Usuario eminente

Mejora, pero parece q hace mas ´alta´ la línea.
¿Podría poner los números en una línea y las palabras en otra? Algo como esto:

ResponderCitar
Respondido : 03/07/2018 6:13 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Lo que comentas, por estructura, no lo veo fácil de lograr, sin embargo puedes mejorar un poco el diseño, prueba con el siguiente código :

.component-content .pagination:after{
  content:"";
  display: block;
  clear:both;
}

.component-content .pagination .counter + ul li span, 
.component-content .pagination .counter + ul li a{
  border:1px solid #ccc;
  line-height: 10px;
  padding:8px;
  margin:0;
  background-color:#f5f5f5;
  border-radius: 2px;
  font-size:12px;
  margin-bottom:40px;
}

Saludos.

ResponderCitar
Respondido : 03/07/2018 7:06 pm

Cursos Gratuitos WordPress

GTI
 GTI
Usuario eminente

Gracias Jhon, he puesto el código tal y como me los pasa y no se aprecia ningún cambio..

.component-content .pagination ul li a, .component-content .pagination ul li span {
    line-height: 25px;
}

.component-content .pagination:after{
  content:"";
  display: block;
  clear:both;
}
 
.component-content .pagination .counter + ul li span, 
.component-content .pagination .counter + ul li a{
  border:1px solid #ccc;
  line-height: 10px;
  padding:8px;
  margin:0;
  background-color:#f5f5f5;
  border-radius: 2px;
  font-size:12px;
  margin-bottom:40px;
}
ResponderCitar
Respondido : 04/07/2018 10:37 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola.

Elimina los dos códigos que te pasamos antes, el que te pase yo y el que te paso jhon y añades el siguiente:

@media only screen and (max-width: 600px) {
.component-content .pagination ul li a, .component-content .pagination ul li span {
  content:"";
  border:1px solid #ccc!important;
  line-height: 10px!important;
  padding:8px!important;
  margin:0!important;
  background-color:#f5f5f5!important;;
  border-radius: 2px!important;;
  font-size:12px!important;;
  margin-bottom:5px!important;;
}
}

Revisa si mejora

Un saludo

ResponderCitar
Respondido : 04/07/2018 11:05 am

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

GTI
 GTI
Usuario eminente

Si, ha mejorado bastante... pero me gustaría poder separar las líneas, solo en caso de vista movil, desde la página 5. Adjunto capturas de pantalla de como queda y como me gustaría...

Entiendo q para esto será necesario tocar el PHP de Joomla q se encarga de la paginación, con saber q código se encarga sería suficiente.

ResponderCitar
Respondido : 04/07/2018 11:43 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola.

Pues sera complicado pero bueno, prueba si esto te sirve:

@media only screen and (max-width: 600px) {
.pagination-next {
	float: left!important;
	margin-top: 0em!important;
}

.pagination-prev {
	float:left!important;
	margin-top:9em!important;
}
.pagination-end {
	float: left!important;
	margin-top: 0em!important;
}

.pagination-start {
	display: none!important;
}

.component-content .pagination {
	margin-left:0em!important;
}
}

Un saludo

ResponderCitar
Respondido : 04/07/2018 12:40 pm

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

GTI
 GTI
Usuario eminente

Se pierden los botones de Inicio y Anterior... pero cerrar el hilo, me quedo con la versión anterior.

Gracias por vuestra ayuda!!!

ResponderCitar
Respondido : 04/07/2018 12:59 pm