Experimental Email Template don’t keep center align
-
Template with centered header It arrives as a Left align header
-
Here is the html when arrives to gmail:
<h2 style="display:block;margin:0 0 18px;text-align:left;margin-bottom:0;margin-top:0;line-height:1.125;letter-spacing:0px;font-size:28px;font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;font-style:normal;font-weight:400;color:#fff;background-color:#008eff" bgcolor="#008eff">Gracias por tu pedido</h2>Hi @avagp!
I can understand that you’re experiencing an issue where content that is center-aligned in the email template is no longer appearing center-aligned when the email is received.
I have tested this on my end, and everything appears to be working correctly. I was unable to replicate the issue.
To help investigate further, could you please confirm whether you’re referring to the Block Email Editor (Alpha) feature available under WooCommerce → Settings → Advanced Features?
If not, could you please provide a bit more information about which experimental email template feature you’re referring to?
Additionally,
I’d like to understand your site properly. Please share with us the necessary information below for us to investigate the issue further:
- System Status Report which you can find via WooCommerce > Status
Please use https://pastebin.com/ or https://gist.github.com/ and share a link to that paste in reply here. Once we have more information, we’ll be able to assist you further.
Here:
Yes, i have enabled the Block Email Editor (Alpha) feature.
I am using theme 2025
Hi @avagp,
Thank you so much for the detailed report and for sharing the actual rendered HTML.
I was able to reproduce this on my end. The root cause is that WooCommerce’s base email stylesheet hardcodes
text-align:leftdirectly into the heading styles, and when the email is sent the inline CSS processor applies that base style with enough specificity to override the center alignment you set in the block editor. So the editor preview looks correct, but the sent email reverts to left.https://share.zight.com/4guBQ8zy
https://share.zight.com/d5u7rXYq
Since the Block Email Editor is still in Alpha, this kind of limitation is expected, as the feature is actively being worked on and the team is collecting feedback right now. The best way you can help is by sharing your experience in the official GitHub discussion where the WooCommerce team is gathering feedback on the modernized email feature: https://github.com/woocommerce/woocommerce/discussions/52897#discussioncomment-11630256
Dropping a comment there with your specific finding along with the HTML snippet you shared here will be incredibly valuable for the developers working on this. The more specific the feedback, the faster these issues get prioritised and fixed.
Thanks again for taking the time to dig into this and share the details. This is exactly the kind of feedback that helps move the Alpha forward.
Thanks!
I have reported it. YOu can look over there if missed something
Hi @avagp
Thank you for reporting this.
I have reviewed the report, and it looks like you’ve included all the relevant details related to the issue. I also tested this on my end and was able to replicate the same behavior.
At this point, I don’t think you’ve missed anything in the report. The information you’ve provided should help the team investigate the issue further.
Thank you for taking the time to document and report it. Please let us know if you have any additional findings or questions in the meantime.
You must be logged in to reply to this topic.