Avisos
Vaciar todo

Modificación por css  

 
Antonio
 Antonio
Usuario experto

Buenos días

Me gustaría poder ampliar el espacio entre líneas de la configuración <li> por css en lo que serían o llamaríamos encabezados de sub-secciones.

Os pongo imagen de cómo he modificado el <ul class="descrli"> y en su defecto <li class="titli"> para tratar de ampliar el espacio superior del encabezado de la sección o sub-sección.

He tenido que darle espacio a la izquierda del margen, ya que la modificación hacía que se pegara al margen total de la página, y si no le metemos el "class", reduce el tamaño de letra a lo que obviamente tiene programado y que no hemos encontrado o no sabemos localizar para modificar y adaptar.

ul class

Contenido solo visible a usuarios registrados

Citar
Respondido : 24/04/2024 8:36 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Antonio.

Eso son las especificaciones de los productos ?

screenshot tsaco.es 2024.04.24 10 17 21

No se exactamente a qué textos son los que te refieres.

 

Un Saludo

ResponderCitar
Respondido : 24/04/2024 9:21 am

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

Antonio
 Antonio
Usuario experto

@pepesoler, así tal cual es como se sube por css y queremos darle un formato un poquito distinto hasta que demos por finalizada la total edición del producto y adaptación a nuestro formato.

La idea es sustituir en el csv antes de subir, <ul> por <ul class="descrli"> y <li><b> o <li><strong> por <li class="titli"> y que obviamente tome la modificación del css.

Si te fijas en la imagen que adjunto, los títulos de los sub-grupos, serían "PANTALLA", "SMARTTV" y "OPCIONAL"

Es lo que queremos en negrita (ya lo tenemos) y un poquito separado de la línea anterior para que en lo visual se vea como sub-grupo.

Luego y siguiendo en el hilo, tendremos que modificar mediante algún plugin, si lo hay, los textos dentro de los casi 26.000 productos pendientes de terminar (subimos casi 50 diariamente).

ul normal
ResponderCitar
Respondido : 24/04/2024 12:31 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Antonio.

Vale, pero lo que quieres es modificar las especificaciones de los producto, eso es lo que te comentaba que no se exactamente que es lo que quieres modificar por eso la captura que te adjunte.

Revisa si es esto lo que buscas:

.descrli li{
margin-top:2px;
}

 

Un saludo

 

Esta publicación ha sido modificada el hace 2 semanas por Pepe
ResponderCitar
Respondido : 24/04/2024 12:57 pm

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

Antonio
 Antonio
Usuario experto

@pepesoler, modificado el css, te pongo imagen de cómo ha quedado.

Perfecto, así era más o menos la idea.

li agrupacion
ResponderCitar
Respondido : 25/04/2024 7:19 am
Antonio
 Antonio
Usuario experto

Bien, ahora tan sólo nos quedaría modificar dentro de la bdatos las líneas y adaptarlas al nuevo formato.

He encontrado el plugin "beter search replace", supongo que sería éste el idóneo para realizar la tarea.

Te pongo imagen del posible cambio y las tablas que creo son.

ReemplazoBDatos
ResponderCitar
Respondido : 25/04/2024 7:22 am

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

Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Antonio.

Si quieres que sea para todos los productos puedes utilizar la clase " tab-description " con eso se modificarán la lista de todos los productos.

div#tab-description li {
......
}

Si haces lo que comentas en la captura se modificarán todas las listas, tanto de productos como de las páginas y entradas.

 

Un saludo

ResponderCitar
Respondido : 25/04/2024 8:57 am
Antonio
 Antonio
Usuario experto

Prefiero hacerlo mediante el reemplazo dentro de la bdatos, ya que también tenemos el cambio de <li><b> a <li class="titli"> ; tal y como comentamos antes.

 

ResponderCitar
Respondido : 25/04/2024 9:54 am

Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Antonio.

Ok, como te indique antes, se modificara también todas las listas de las entradas y páginas.

Los productos, páginas y entradas se encuentran en las tablas _post y _postmeta

Como consejo, lo probaria primero en un clon y así ves el resultado antes de realizarlo en la web en producción.

-> Cómo clonar WordPress

 

Un saludo

ResponderCitar
Respondido : 25/04/2024 10:25 am
Antonio
 Antonio
Usuario experto

@pepesoler, gracias

Clonando, si a la tarde da tiempo, comentaré...

ResponderCitar
Respondido : 25/04/2024 12:22 pm

Cursos Gratuitos WordPress

Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Antonio.

Ok, dejo el hilo abierto por si necesitas retomarlo.

 

Un saludo

ResponderCitar
Respondido : 25/04/2024 12:52 pm