[NSFW] Custom Styles not working.

  • I have my email set up with this custom style, but when receiving the emails, they are not styled with these edits. How would I go about making this function the way it looks in the customizer.

    Order Table Style: light


    Custom styling:

    h2 {
    margin-top: 18px !important;}

    th.td.tlabel-total{
    font-size: 18px;}
    th{
    padding-left: 5px!important;}

    td.td{
    padding-left: 5px !important;
    padding-right: 5px !important;
    text-transform:uppercase;
    font-weight:bold;
    font-family:"Lato"!important;}

    th.td{padding-right:5px!important;
    text-transform: uppercase;}

    a.button.button-primary.wt_pklist_email_btn{
    border-radius:5px!important;
    background: #8358bf !important;
    box-shadow: 2px 2px 0 #00FFFF !important;}
Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Support karlalevelup

    (@karlalevelup)

    Hi there!

    Glad you reached out to us. I’m here to help.

    Please note that emails are rendered differently by various email applications. They aren’t the same as how web pages are rendered.

    Some custom CSS codes can be rendered, but not all. Could you send me a screenshot of the desired layout so I can check if there are custom CSS codes that could work.

    Otherwise, keep the customizations within the built-in settings in the Email Customizer.

    Thread Starter bigrilla

    (@bigrilla)

    Hello! Thank you for your reply. Okay I am understanding that. Let me send you this screenshot.

    View post on imgur.com
    Custom styling:h2 {margin-top: 18px !important;}th.td.tlabel-total{font-size: 18px;}

    th{padding-left: 5px!important;}td.td{padding-left: 5px !important;padding-right: 5px !important;text-transform:uppercase;font-weight:bold;font-family:"Lato"!important;}

    th.td{padding-right:5px!important;text-transform: uppercase;}

    a.button.button-primary.wt_pklist_email_btn{border-radius:5px!important;background: #8358bf !important;box-shadow: 2px 2px 0 #00FFFF !important;}

    I would love to be able to change the padding with ease or even allow the items description to extend a little further past 50%, as on Mobile view some longer item descriptions enter onto a new line and look bad.

    View post on imgur.com
    Plugin Support karlalevelup

    (@karlalevelup)

    Hi there!

    Based on your screenshots, we’re using the same template. It’s the responsive template we have here.

    I didn’t have any issues with the padding for mobile views and the texts should wrap properly. What email application are you using? If you view it with the more popular ones like Gmail, iOS mail app, will it still have the overflow issue?

    I also recommend you temporarily remove all custom CSS codes you added so far so you can ensure that they are not the ones causing the issue.

    For spacings, please note that we already have built-in options for that. Watch this screencast – https://share.zight.com/d5ujqPq7

    Let me know how I can assist you further with this.

Viewing 3 replies - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.