Product Image styling

  • Resolved mickdodge

    (@mickdodge)


    1 year, 6 months 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)

    1 year, 6 months ago

    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)

    1 year, 6 months ago

    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)

    1 year, 6 months ago

    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)

    1 year, 5 months ago

    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)

The topic ‘Product Image styling’ is closed to new replies.