Avisos
Vaciar todo

Reducir espacio entre lineas en woocommerce  

 
Carlos
 Carlos
Reputable Member

Buenas,

Me gustaría reducir el espacio que queda entre el titulo, la short description del producto y el precio en woocommerce, dentro de la categoria de producto,

Adjunto imagen para explicarme mejor.

Un saludo

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 13/01/2020 9:16 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Puedes probar con el siguiente código CSS:

.woocommerce-LoopProduct-link .woocommerce-product-details__short-description,
.woocommerce-LoopProduct-link .price{
	margin-top:5px!important;
}

Para agregar este código revisa:
https://www.webempresa.com/blog/como-agregar-codigo-css-en-wordpress.html

Refresca tu navegador para ver los cambios.

Saludos.

ResponderCitar
Respondido : 13/01/2020 10:02 pm

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

Carlos
 Carlos
Reputable Member

Perfecto Jhon funciona!

Podria aplicarse los mismo a los productos relacionados dentro del propio producto.

Es decir en la siguiente url, a los prodcutos relacionados que aparece unicamente titulo y precio del producto.

Contenido solo visible a usuarios registrados
Adjunto imagen

Muchas gracias

ResponderCitar
Respondido : 13/01/2020 10:10 pm
Bulmaro
 Bulmaro
Soporte CMS Webempresa Moderator

Hola Carlos,

Por favor, ayúdame a entender.... ¿Deseas reducir el espacio entre el titulo y el precio o que solo aparece el titulo y precio de los relacionados? Gracias.

Saludos 🙂

ResponderCitar
Respondido : 13/01/2020 10:32 pm

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

Carlos
 Carlos
Reputable Member

Buenas Bulmaro,

Deseo reducir el espacio entre el titulo y el precio exactamente en prodcutos relacionados.

Un saludo

ResponderCitar
Respondido : 13/01/2020 10:37 pm
Bulmaro
 Bulmaro
Soporte CMS Webempresa Moderator

Hola Carlos prueba con el siguiente código CSS por favor:

.elementor-1036 .elementor-element.elementor-element-078490d.elementor-wc-products ul.products li.product .woocommerce-loop-product__title {
margin-bottom: 0px !important;
}

Quedo en espera de tu confirmación de resultados.

Saludos 🙂

ResponderCitar
Respondido : 13/01/2020 10:56 pm

Cursos Gratuitos WordPress

Carlos
 Carlos
Reputable Member

Gracias Bulmaro funciona perfecto!

ResponderCitar
Respondido : 13/01/2020 11:03 pm
Bulmaro
 Bulmaro
Soporte CMS Webempresa Moderator

Hola Carlos,

Excelente, me alegra saber que nuestra ayuda te resultara útil.

Sabes que puedes contar con nosotros para cualquier duda o consulta que tengas respecto a tus sitios web alojados en Webempresa.

Espero nos leamos pronto en el foro, saludos 🙂

ResponderCitar
Respondido : 14/01/2020 12:01 am

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