Editing the Email Notifications styles.css

Tourist
3 0 2

I'm wanting to change some basic styles to my email notifications across all the different templates. Is my only option to add inline styles to each individual template without using a third party service? I can't see a way to access/edit the assets/notifications/styles.css

Many thanks,
Will

0 Likes
Highlighted

Hi Will,

Yes, you need to add inline styles to each individual template.
Here's the related Shopify article - https://help.shopify.com/en/manual/sell-online/notifications/edit-template#style-email-templates-usi...

Best regards,
Arthur

Shopify subject matter expert | Founder at GenovaWebArt | Full-services shopify agency | info@genovawebart.com
1 Like
Tourist
3 0 2

Thanks Arthur,

Any plans to allow editing of that file in the future? It seems a bit time-consuming to have to edit each one individually and some global notifications styling would be useful

0 Likes
Shopify Staff
Shopify Staff
333 31 64

Hi, Will!

This is May from Shopify.

That is a good question. I just checked with our theme specialists team, and I can confirm that Arthur is correct. In order to change the styling on your notification emails, you will need to add inline styles to each individual template, since there isn’t a single stylesheet file for email notifications. I understand that this can be time consuming, however, depending on what changes you are planning to do, our theme specialists might be able to help.

That said being said, I would be happy to launch a feature request with our developers to see if this functionality can be added in the future. While I can't guarantee that it will be added, I'm more than happy to pass along your suggestions that would provide better services to the Shopify platform. If the request is already there, I can add to it to bump it up - as the more merchants that mention a feature, the more likely they are to be implemented.

Let me know what kind of modification you are planning to implement and if you’d like me to pass along your request to our team! Feel free to reply back to this thread or contact our 24/7 support!

Kind Regards,

May

Shopify Support

 

May | Social Care @ Shopify
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit the Shopify Help Center or the Shopify Blog

0 Likes
Tourist
3 0 2

Hi May, thanks for getting back to me.

I definitely think that having at least some access to edit the default styles would be very useful. As simple things like changing the color of text or the horizontal rules can be difficult and long-winded when having to set them as inline styles for each notification. I also found that there were some default styles that would overwrite the inline styles.

So either some more advanced styles options in the CMS or ideally the ability to directly edit the '/assets/notifications/styles.css' (which is linked in the header and the Shopify set styles are coming from) in the same way you can edit the html files would be a huge timesaver. 

It would be great to have this feature for future projects – restyling 17 email templates gets pretty monotonous! I also can't really see many negatives to have the option to do this as an admin.

Many thanks,
Will

2 Likes
Shopify Staff
Shopify Staff
333 31 64

Hi again, Will!

Thank you for taking the time to provide your feedback and suggestions on a feature you would like to see added to Shopify! I've gone ahead and sent your request to our products team for further review so they can look into implementing this in the future. I've also included your contact information should they want to reach out for your assistance or if they have further questions on the request! Hopefully, this will be something we can see released in the near future!

Please let me know if there is anything else I can help you with. ?

Warm Regards,

May

Shopify Support

May | Social Care @ Shopify
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit the Shopify Help Center or the Shopify Blog

0 Likes
Tourist
11 1 2

Hello @May,

 

I would just like to reinforce the interest in having the possibility of editing the styles.css file linked to the notification emails.

As @ecommerce-will mentioned, it would be extremely helpful to adapt the styling of the outgoing emails.

 

Do you know if this is something the theme developers are working on?
Thank you!

1 Like