Spark Email Editor Knowledgebase
  • Getting Started
    • Installation
    • License Key Validation
  • TEMPLATE CUSTOMIZATION
    • Introduction
    • Create a Template
      • Enable/Disable Templates
      • Edit/Delete Templates
      • Copy/Export Template
      • Reset Templates
    • Customization of Template
      • Add background color to the Email Templates
      • Add Header and Footer in Email Templates
      • Supported Shortcodes
      • Meta data
      • To Show the Product Image in the Emails
      • Override the Order summary block
      • Preview and Test Email Templates
  • Settings
    • Adding custom CSS
    • HTML content in Email
  • Translation
    • Translate Spark Email Editor using Loco Translate
  • Addons
    • WPLoyalty
    • Woocommerce Bookings
    • Woocommerce Subscriptions
    • Woocommerce Appointments
    • Woocommerce Order Status Manager
    • Woocommerce Custom Order Status Manager
    • Germanized for woocommerce
    • Back-In-Stock Notifications
    • PW Gift Cards
    • YITH Request a Quote
    • Conditional Logics
    • TeraWallet
    • Woocommerce Memberships
  • Dokan Multi - Vendor
  • YITH Woocommerce Gift Cards
  • Yith WooCommerce Booking and Appointment.
  • Colissimo Shipping Methods
Powered by GitBook
On this page
  1. Settings

Adding custom CSS

In a few simple steps, learn how to add custom CSS to the email templates in the Spark Editor plugin

PreviousPreview and Test Email TemplatesNextHTML content in Email

Last updated 2 months ago

Many a times, you might want to stylize the layout of the email or make few modifications. For instance, you may want to change the color of the Title text or the font of the order items table. This can be achieved by adding custom CSS code to the app's settings.

Path to insert custom code: ​Navigate to /WooCommerce/Spark Editor/ Settings/Custom CSS.

There you will find a text area where you can enter the custom CSS code.

Here is a screenshot that would be of help:

I have more questions ? ​Please submit a support request We are always happy to assist you :)

support@flycart.org