Avisos
Vaciar todo

Modificar Descripcion corta de producto Woocommerce

8 Respuestas
2 Usuarios
0 Reactions
164 Visitas
Respuestas: 59
Trusted Member
Topic starter
 

Buenas

Tengo un pequeño problema de estilo. Finalmente dados los problemas que me daba Jano, pase a Divi. He estado acomodando todo pero tengo una tonteria que no se dar con la solucion.

Lo que quiero es poder controlar la distancia de la descripcion corta referente al precio. Quiero bajarlo, pero no doy con el css adecuado. Podria empezar con un espacio en blanco, pero no me parece la solucion mas limpia. Podeis echarme un cable?

URL del sitio: Contenido solo visible a usuarios registrados


 
Respondido : 11/06/2019 9:44 am
Pepe
 Pepe
Respuestas: 41108
Illustrious Member Admin
 

Hola.

Añade los siguiente al archivo style.css que encontrarás en la ruta wp-content -> themes -> Divi -> style.css

.woocommerce-product-details__short-description {
    margin-top: 2em;
}

Un saludo


 
Respondido : 11/06/2019 10:00 am
Respuestas: 59
Trusted Member
Topic starter
 

Mmm, algo ha ido mal. He restaurado la copia a la que he hecho hoy, pero el problema persiste. No carga las paginas correctamente. Cuando carga bien, en el momento de actualizar ya sale todo roto. Si abro el constructor visual, edito algo, carga bien. Actualizo y adios. ¿Alguna sugerencia?


 
Respondido : 11/06/2019 10:43 am
Pepe
 Pepe
Respuestas: 41108
Illustrious Member Admin
 

Hola.

No carga las páginas correctamente. Cuando carga bien, en el momento de actualizar ya sale todo roto.
No entiendo a qué te refieres, la consulta parece distinta a la que en un principio planteabas.

¿ Puedes indicarnos exactamente que problema es y si puede ser con una captura para que podamos ver exactamente a qué te refieres ?

Un saludo


 
Respondido : 11/06/2019 11:11 am
Respuestas: 59
Trusted Member
Topic starter
 

Nada, ha sido una cagada mia. Ya esta solucinado. Probado tambien tu codigo Pepe, y funciona correctamente ;), Abusando un poco, se podria ampliar tambien el precio del titulo?

Nada, siguiendo la logica del anterior lo he logrado. Por si a alguno le sirve

.woocommerce div.product p.price {
	margin-top: 20px;
}

Como siempre, muchas gracias por vuestra ayuda 😉


 
Respondido : 11/06/2019 11:15 am
Pepe
 Pepe
Respuestas: 41108
Illustrious Member Admin
 

Hola.

No abusas Amigo !!! estamos para eso 😉

prueba con lo siguiente:

p.price {
    margin-top: 2em;
}

un saludo


 
Respondido : 11/06/2019 11:23 am
Respuestas: 59
Trusted Member
Topic starter
 

Probado y funcionando correctamente. Muchisimas gracias 🙂


 
Respondido : 11/06/2019 12:10 pm
Pepe
 Pepe
Respuestas: 41108
Illustrious Member Admin
 

Hola.

genial !!!! me alegra que lo solucionaras.
Ya sabes, cualquier consulta que tengas no dudes en comunicarlo.

Cerramos el tema.

Un saludo


 
Respondido : 11/06/2019 1:10 pm