Title: Custom CSS
Last modified: October 3, 2020

---

# Custom CSS

 *  Resolved [Kashif Rafique](https://wordpress.org/support/users/logichub/)
 * (@logichub)
 * [5 years, 10 months ago](https://wordpress.org/support/topic/custom-css-264/)
 * I want to add left and right padding to order detail heading as shown in the 
   screenshot:
    [https://share.getcloudapp.com/X6udYbAX](https://share.getcloudapp.com/X6udYbAX)
 * I’ve added following code in Custom CSS section:
 *     ```
       .email-spacing-wrap table thead tr th {
           padding-left: 12px !important;
           padding-right: 12px !important;
       }
       ```
   
 * It is showing correctly in the mail preview screen, however, it is not correctly
   rendered in the received email as shown in the attached screenshot:
    [https://share.getcloudapp.com/04uOr52n](https://share.getcloudapp.com/04uOr52n)
 * Any idea how to achieve this?
 * Thank you.

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

 *  [hannah](https://wordpress.org/support/users/hannahritner/)
 * (@hannahritner)
 * [5 years, 10 months ago](https://wordpress.org/support/topic/custom-css-264/#post-13504791)
 * Hey [@logichub](https://wordpress.org/support/users/logichub/),
    Sorry for the
   delay! Try changing your css to this:
 *     ```
       .email-spacing-wrap table thead tr th {
           padding-left: 12px !important;
           padding-right: 12px !important;
           margin: 0 12px !important;
       }
       ```
   
 * Does that bring some spacing back in?
 * Regards,
    Hannah
 *  Thread Starter [Kashif Rafique](https://wordpress.org/support/users/logichub/)
 * (@logichub)
 * [5 years, 10 months ago](https://wordpress.org/support/topic/custom-css-264/#post-13508332)
 * Thanks for your response.
 * I’ve added this code, but it didn’t fix the issue. I’ve also contacted the support
   on your website and they were able to fix the issue. I am reproducing the instructions
   here so if someone need it in the future.
 * As I have imported this email template that is using the Light style for the 
   table:
    [https://ps.w.org/kadence-woocommerce-email-designer/assets/screenshot-1.jpg?rev=1883649](https://ps.w.org/kadence-woocommerce-email-designer/assets/screenshot-1.jpg?rev=1883649).
   It added extra padding in the table header, body and footer areas.
 * **Solution**
    - Email Settings > Content > Order Items
    - Change the **ORDER TABLE STYLE** to Normal from Light
 * It fixed the issue though I have to added extra CSS to remove the borders.
    -  This reply was modified 5 years, 10 months ago by [Kashif Rafique](https://wordpress.org/support/users/logichub/).
      Reason: Adjust correct URL
 *  [hannah](https://wordpress.org/support/users/hannahritner/)
 * (@hannahritner)
 * [5 years, 10 months ago](https://wordpress.org/support/topic/custom-css-264/#post-13524083)
 * Thanks for sharing your solution!
 * All the best,
    Hannah

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

The topic ‘Custom CSS’ is closed to new replies.

 * ![](https://ps.w.org/kadence-woocommerce-email-designer/assets/icon-256x256.png?
   rev=3115863)
 * [Kadence WooCommerce Email Designer](https://wordpress.org/plugins/kadence-woocommerce-email-designer/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/kadence-woocommerce-email-designer/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/kadence-woocommerce-email-designer/)
 * [Active Topics](https://wordpress.org/support/plugin/kadence-woocommerce-email-designer/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/kadence-woocommerce-email-designer/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/kadence-woocommerce-email-designer/reviews/)

 * 3 replies
 * 2 participants
 * Last reply from: [hannah](https://wordpress.org/support/users/hannahritner/)
 * Last activity: [5 years, 10 months ago](https://wordpress.org/support/topic/custom-css-264/#post-13524083)
 * Status: resolved