Title: Custom CSS
Last modified: September 26, 2025

---

# Custom CSS

 *  [Sea Jay](https://wordpress.org/support/users/jcollier/)
 * (@jcollier)
 * [7 months, 2 weeks ago](https://wordpress.org/support/topic/custom-css-321/)
 * Love the plugin.
 * We’d like to add custom CSS to a “classic email” — for which there is field in
   the campaign settings — but there are few classes in the message (seen in preview)
   and most styles are being applied at the element level. What are the options 
   to, for instance, change the styling for table cells such as the message heading,
   text, and meta information?

Viewing 7 replies - 1 through 7 (of 7 total)

 *  Plugin Contributor [mutendebrian](https://wordpress.org/support/users/mutendebrian/)
 * (@mutendebrian)
 * [7 months, 2 weeks ago](https://wordpress.org/support/topic/custom-css-321/#post-18658595)
 * Hi [@jcollier](https://wordpress.org/support/users/jcollier/),
 * I’m happy that you love Noptin!
 * It’s a bit tricky to provide an exact CSS snippet without seeing the actual email
   you’re working on. However, you can definitely target elements more precisely
   by using child selectors. For example:
 *     ```wp-block-code
       .some-class > p {   /* your styles here */}
       ```
   
 * Here’s a list of available CSS selectors:- [https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_selectors](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_selectors)
 * If you’d like, feel free to send a test email to mutendebrian at gmail.com, and
   I can help suggest more targeted CSS.
 *  Thread Starter [Sea Jay](https://wordpress.org/support/users/jcollier/)
 * (@jcollier)
 * [7 months, 2 weeks ago](https://wordpress.org/support/topic/custom-css-321/#post-18659849)
 * Thanks! I’ll send a test email.
 * By way of background, we created an automated campaign with the classic email
   template, clicked on “Edit” and “Preview” and studied the code. The only classes
   are these 2:
 *  <table class=”body-wrap”>
    <td class=”footer”>
 * The rest of the styling is inline and there are many table rows, cells, and paragraphs.
 * We are pretty experienced with CSS, but not having classes or IDs makes it much
   more difficult. We look forward to learning more from you!
 *  Plugin Contributor [mutendebrian](https://wordpress.org/support/users/mutendebrian/)
 * (@mutendebrian)
 * [7 months, 1 week ago](https://wordpress.org/support/topic/custom-css-321/#post-18664972)
 * To explain a bit about how Noptin processes emails: we automatically add inline
   CSS and remove unused CSS classes to improve rendering across different email
   clients, including older ones. For the same reason, we use tables to structure
   the email layout.
 *  Plugin Author [Noptin Newsletter Team](https://wordpress.org/support/users/picocodes/)
 * (@picocodes)
 * [7 months, 1 week ago](https://wordpress.org/support/topic/custom-css-321/#post-18671160)
 * I see you’re using the “merriweather” template. Try overriding these files in
   your theme:- [https://github.com/hizzle-co/noptin/blob/master/templates/email-templates/merriweather/email-header.php#L0-L1](https://github.com/hizzle-co/noptin/blob/master/templates/email-templates/merriweather/email-header.php#L0-L1)
 *  Thread Starter [Sea Jay](https://wordpress.org/support/users/jcollier/)
 * (@jcollier)
 * [7 months ago](https://wordpress.org/support/topic/custom-css-321/#post-18671726)
 * Thanks, Brian!
   I made a copy of email-header.php and put it inside a subdirectory
   in my child theme …
 * (child theme)/noptin/email-templates/merriweather/email-header.php
 * … and immediately got a critical error. Removed and fine again.
 * I had already added a localized template file in that same location with no issue.
 * (child theme)/noptin/post-digests/email-posts-list.php
   Suggestions?
 *  Thread Starter [Sea Jay](https://wordpress.org/support/users/jcollier/)
 * (@jcollier)
 * [6 months ago](https://wordpress.org/support/topic/custom-css-321/#post-18717251)
 * Still not able to make changes to the template files in our child theme 🙁
 *  Thread Starter [Sea Jay](https://wordpress.org/support/users/jcollier/)
 * (@jcollier)
 * [3 months, 3 weeks ago](https://wordpress.org/support/topic/custom-css-321/#post-18789385)
 * Since the cascading theme templates weren’t having an affect, I previewed a campaign
   and found inline CSS on the h1. So, I tried adding the following to the Design:
   Custom CSS box …
 * h1
   line-height: 38px !important;margin: -10px 0 0 !important;}
 * … and clicked “Preview in new tab.” No change.

Viewing 7 replies - 1 through 7 (of 7 total)

You must be [logged in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fcustom-css-321%2F%3Foutput_format%3Dmd&locale=en_US)
to reply to this topic.

 * ![](https://ps.w.org/newsletter-optin-box/assets/icon-256x256.png?rev=3355797)
 * [Simple Newsletter Plugin - Noptin](https://wordpress.org/plugins/newsletter-optin-box/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/newsletter-optin-box/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/newsletter-optin-box/)
 * [Active Topics](https://wordpress.org/support/plugin/newsletter-optin-box/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/newsletter-optin-box/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/newsletter-optin-box/reviews/)

 * 7 replies
 * 3 participants
 * Last reply from: [Sea Jay](https://wordpress.org/support/users/jcollier/)
 * Last activity: [3 months, 3 weeks ago](https://wordpress.org/support/topic/custom-css-321/#post-18789385)
 * Status: not resolved