Custom CSS Not Rendering in Sent Emails

Hi Team,

I am writing to report an issue we are experiencing with custom CSS in our email templates. We are currently using Custom CSS to style our emails, and all required CSS is being correctly added in the editor. However, when we send the email, the styling is not being applied upon receipt. We have performed some tests and noted the following:

We’ve added below CSS under “Use custom CSS” section.

/* 1. Target the list container and remove default paddings/margins */

table[width="100%"] td ul[style*="list-style-type:none"] {
  padding-inline-start: 0 !important;
  padding-left: 0 !important;
  margin: 0 !important;
}

/* 2. Reset list item spacing and ensure proper block wrapping */

table[width="100%"] td ul[style*="list-style-type:none"] li {
  display: block !important;
  clear: both !important;
  margin-left: 0 !important;
  padding-left: 0 !important;
  margin-bottom: 4px !important;
}

/* 3. Force the label (strong) and value (p) to stay on the same line together */

table[width="100%"] td ul[style*="list-style-type:none"] li strong,
table[width="100%"] td ul[style*="list-style-type:none"] li p {
  display: inline !important;
  float: none !important;
  margin: 0 !important;
}


/* This one is only working in preview not in email */

.yaymail-order-details-table .wc-item-meta {
padding-inline-start: 0px!important;
}

• Adding the CSS manually via “inspect element” in the browser correctly applies the styles, confirming the CSS itself is valid.
• When the email is received in Gmail or other mail providers, there are no unique classes present in the HTML that allow us to target specific elements effectively.

Could you please investigate why our custom CSS is not carrying over to the sent email? Any guidance on how to ensure these styles are rendered or if there is a specific way we should be implementing unique classes to resolve this would be greatly appreciated.Thank you,Prince

• This topic was modified 1 week, 2 days ago by Group Of Oceninfo. Reason: comments