Avisos
Vaciar todo

[Resuelto] Separar líneas en pantalla de confirmación pedido Woocommerce

8 Respuestas
3 Usuarios
0 Reactions
23 Visitas
Respuestas: 299
Reputable Member
Topic starter
 

Hola,

Tras formalizarse un pedido en Woocommerce, el mensaje de "Gracias. Tu pedido ha sido recibido." no guarda margen inferior alguno con los datos propios del pedido y no está correctamente alineado verticalmente. ¿Hay posibilidad de alinearlo verticalmente? me refiero a la palabra Gracias que esté en la misma línea vertical que "Número del pedido" y también separar ambas líneas? 

Captura

Muchas gracias

Contenido solo visible a usuarios registrados


 
Respondido : 03/12/2020 7:40 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member Moderator
 

Hola

Podrías enviarnos la url exacta de algún producto y un usuario registrado de prueba para el front-end de tu sitio para realizar una prueba de compra y ver el código HTML de lo que comentas.

Saludos.


 
Respondido : 03/12/2020 7:46 pm
Argenis
Respuestas: 11585
Illustrious Member Moderator
 

Hola Carmen,

Adicional a lo que comenta Jhon como estas utilizando un woocommerce prueba con este código en apariencias > Personalizar > Css Adicional:

p.woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received {
padding-bottom: 20px !important;
}

Si no se modifica continua con lo que comenta jhon.

Un saludo 🖐️ 


 
Respondido : 03/12/2020 8:13 pm
Respuestas: 299
Reputable Member
Topic starter
 

@jmarreros No tengo en principio previsto la posibilidad de registrarse en la web. La web aún no está en producción. La página equivalente a la de tienda sería la de clases-online, ahí comprarías el tipo de clase a comprar ...

Usuario: Prueba

No sé si necesitas algo más, gracias


 
Respondido : 03/12/2020 9:33 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member Moderator
 

Hola

El código que te envió anteriormente Bulmaro serviría, adicionalmente para el margen izquierdo y hacer notar un poco más el mensaje se agregaría algunos atributos adicionales, al final el código quedaría como:

p.woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received {
  padding-bottom: 20px;
  padding-left: 16px;
  font-weight: bold;
}

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

Saludos.

 


 
Respondido : 03/12/2020 10:02 pm
Respuestas: 299
Reputable Member
Topic starter
 
Respondido por: @argenis

Hola Carmen,

Adicional a lo que comenta Jhon como estas utilizando un woocommerce prueba con este código en apariencias > Personalizar > Css Adicional:

p.woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received {
padding-bottom: 20px !important;
}

Si no se modifica continua con lo que comenta jhon.

Un saludo 🖐️ 

Perdón, no había visto tu mensaje. Funciona, gracias, ya está resuelto!

image

 
Respondido : 03/12/2020 10:02 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member Moderator
 

Hola

En tu imagen ya esta cambiado, ves la separación inferior, sin embargo, tal como te comenté usa mejor el código que te envié en lugar del que usaste.

Refresca tu navegador para ver los cambios.

Saludos.


 
Respondido : 03/12/2020 10:08 pm
Respuestas: 299
Reputable Member
Topic starter
 
Respondido por: @jmarreros

Hola

En tu imagen ya esta cambiado, ves la separación inferior, sin embargo, tal como te comenté usa mejor el código que te envié en lugar del que usaste.

Refresca tu navegador para ver los cambios.

Saludos.

Perfecto! ya está realizado. Muchas gracias!

image

 
Respondido : 03/12/2020 11:01 pm