CSS - Css emails de wordpress (orden de compra)

Hola a todos!.

Este es mi primer post :)

Hace unos días me metí de lleno en wordpress (localhost), instale woocommerce y estoy editando el archivo email-styles.php para lograr la estética del email que le llegua al cliente por una orden de compra.

Mire reglas de CSS (soy un total principiante).

El punto es que ya casi logré lo que deseo, sin embargo no hacer algo tan simple como alinear los textos a la derecha dentro de las tablas.

Muestro una imagen en donde se ve la selección del tag tfoot (inspector de código de Chrome)



Por ejemplo quiero alinear los textos : "subtotal", "envio" etc a la derecha y no puedo. Probe con varios codigos cSS

tfoot th{

text-align:right;
}

tfoot>tr th{

text-align:right; !important

}

Ninguna de las opciones funciona, de hecho pobre otras más y nada.

A las finales la única forma que tuve de resolver el problema fue editar la plantilla email-order-items.PHP y corregir a la mala y poner la alineación a la derecha directamente en el HTML.

Espero que alguien me pueda dar una pista.

Gracias por leerme.

Y en el debuuger no vio si trae el diseño desde "mas alto nivel"? a veces ponen el estilo a los contenedores, algo asi


Usted creería que al cambiar o agregar un color en la clase .link le va a funcionar, y no es así, debe tomar el árbol que ya trae y cambiarlo de esa manera. La cosa es que debe fijarse si no trae el estilo de otros recursos o clases antes declaradas, peor si lo ponen en los root.

Le digo esto porque ya me he topado con esas cosas antes

Yo borre TODOS LOS ESTILOS que venían en la hoja de estilos para email de WOOCOMMERCE.

Eso quiere decir que edite toda la hoja de estilos.

Adicionalmente la alineacion original de texto ni siquiera fue definida por la hoja de estilos original de woocommerce, esto se ve en el código PHP


Por eso es que para resolver el problema es que tuve que cambiar el codigo PHP a


PERO LA IDEA ES LOGRARLO CON CSS :)

Gracias de todas formas.

Y el CSS como lo pone? Archivo separado? CDN? incrustado?

Es un archivo separado que usa woocommerce

email-styles.php

Y eso va adjunto en el mail?

Tenia entendido, y con los mails que he hecho, yo todo el CSS lo uso inline, ya me dio tarea

no entiendo, hablas de woocommerce?

Hablo del correo, realmente woocomerce no lo he tocado mucho.

Me intriga, como ya se lo dije, cuando yo he hecho correos para enviar, el CSS lo pongo inline, según tenia entendido era la única forma, a no ser que lo pusiera por CDN (con un link de mi estilo en internet), pero con un archivo externo, enviado en el mismo mail, si me da curiosidad...