Avisos
Vaciar todo

[Resuelto] Modificación por css  

 
Antonio
 Antonio
Estimable Member

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
Estimable Member

@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 7 meses por Pepe
ResponderCitar
Respondido : 24/04/2024 12:57 pm

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

Antonio
 Antonio
Estimable Member

@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
Estimable Member

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
Estimable Member

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
Estimable Member

@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
Antonio
 Antonio
Estimable Member

@pepesoler, buenos días, entiendo que ésto no sea aquí concretamente, pero es por no abrir un nuevo hilo.

 

En una ocasión comentamos la opción de "hacer más pequeñas" las imágenes en formato list, ya que en formato grid se veían perfectas, pero en el list se veían a 320px por lo que quedaba estéticamente feo.

 

Al final lo he conseguido, y te lo pongo aquí por si a alguien le hace falta en algún momento.

/* Imagenes Categorías Formato Lista */
.product-category img, .woocommerce ul.products li.product a img {
height: auto;
max-width: 155px;
}

/* Quitamos descripción corta en detalle de producto, Formato Lista de productos, quitamos descipción corta y reducimos tamaño fotos */
.thunk-list-view .os-product-excerpt, .woocommerce-product-details__short-description {
display: none;
}

/* Carro compra, ajuste letras*/
.cart_item, .cart-subtotal, .woocommerce-shipping-totals, .tax-rate{
font-size: 13px;
}

.order-total{
font-size: 14px;
}
.wc_payment_methods{
font-size: 12px;
}

 

 

 

 

ResponderCitar
Respondido : 25/07/2024 10:12 am

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

Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Antonio,

Enhorabuena lograste modificar lo que necesitas, muchas gracias por compartir la información estoy segura será de utilidad para otro usuario que desea realizar estos mismo cambios.

No dudes en escribirnos si tienes cualquier otra consulta.

Un saludo 😊 

ResponderCitar
Respondido : 25/07/2024 12:19 pm