Product Image styling

  • Resolved mickdodge

    (@mickdodge)


    4 months, 1 week ago

    Hello, in Microsoft Office Outlook email (not the online version), the product title sits right up against the product image with no padding. Is there a way to add a few pixels of padding to the product image via custom css?

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Support aapc

    (@aapc)

    Hi @mickdodge,

    If you’re using the Kadence WooCommerce Email Designer, you can add custom CSS to the order email. See screenshot here: https://share.zight.com/qGuneYGp

    img[class^="attachment"]{ margin-bottom: 5px; }

    Feel free to adjust the margin as needed. Let me know if that helps!

    Thanks,
    Anthony

    Thread Starter mickdodge

    (@mickdodge)

    Hey @aapc,

    I appreciate the reply. Your css code works for gmail and hotmail/outlook online emails (and probably others as well just haven’t tested any others) but the email it won’t work with is microsoft office outlook (which is the email program I use).

    It’s not really a big deal as it’s only affects that particular mail program (as far as I know), I just find it annoying that the product title is smashed up against the product image on the right side (I did adjust your code from margin-bottom to margin-right).

    I really do appreciate the help. If you can think of anything else to try, please let me know.

    Thanks,

    Mick

    Plugin Support aapc

    (@aapc)

    Hey @mickdodge,

    I’m sorry that didn’t work for you. I don’t have Outlook to test with but I do know that it can be a bit different than other email apps.

    I assumed your image was stacked on top of the product title. Instead of margin-right, try using padding-right to see if that helps.

    Thanks!
    Anthony

    Plugin Support michael-levelup

    (@michaeltarongoy)

    Hi there,

    We just want to follow-up if you managed to resolve this already.

    This topic has been inactive for awhile. We will be setting the topic to resolved.

    If you have further questions or need additional assistance, feel free to start a new topic or refer to our Kadence Help Center here: https://www.kadencewp.com/help-center

    Please note that you can also submit a support ticket via these channels.

    Thank you for your understanding!
     
    Kind Regards,
    Michael Taro

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