Avisos
Vaciar todo

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

 
Carmen
 Carmen
Usuario experto

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
Soporte CMS Webempresa 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
 Argenis
Soporte CMS Webempresa 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
Carmen
 Carmen
Usuario experto

@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
Soporte CMS Webempresa 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
Carmen
 Carmen
Usuario experto
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
Soporte CMS Webempresa 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
Carmen
 Carmen
Usuario experto
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