Address Styling, Responsive, Column alignment etc.

Hey,
1. Some browsers render the “address” tag with italics and some do not, some email inboxes render it that way and some do not. Similar to how different browsers render select boxes differently. You can force italics with css like this:

address td.address-td {
    font-style: italic;
}

2. I can’t recreate that, what email client are you looking at?

3. Same ^. Mobile Preview may not work because of the theme you are using, which could be throwing things off. I suggest you use the test email option to send an email and get a better view by checking on your phone.

You can also test with a standard theme.

Ben

1. So there is not a way to edit the address text from the options? That seems weird.
2. It happens in the Chrome browser preview and in Thunderbird and in Gmail in Chrome and on my phone.
3. Responsiveness seems to work when checking on my phone with Gmail, but the price alignment issue still shows even on my phone.

So, the price alignment shows in Gmail in the Chrome browser on my desktop, on my phone using the Gmail client, and in Thunderbird client on my desktop.

Also, it seems that when checking in Gmail in Chrome on my desktop some lines of text are purple. It’s not like this on my phone or in Thunderbird.

Also, it seems the order sub-items (such as those with Composite Products) aren’t indented in Gmail in Chrome on my desktop or in the Gmail client on my phone, but are in Thunderbird.

• This reply was modified 3 years, 4 months ago by m22878.

Hello @m22878,

1. Go to Email Customizer > Content > Content Headings Style and adjust the options for H2. This will affect the address titles.

2 & 3. We’ll need to know more information to help us replicate your issue from our end. First, which prebuilt template are you using?

Please note that different email clients will render emails differently. Kindly send more screenshots of the differences so we’ll have more idea of what may be the issue.

Kind Regards,
Karla

I have the exact same issue that @m22878 decribed under “2”.

Hi @carina117,
Thanks for reaching out. As was asked above, can you tell us what template this is happening in? Can you send a screenshot?

Thanks,
Hannah

Hi Hannah,

the received email (customer processing order) looks like this: https://ibb.co/kSxTWVq

The preview looks correct on the other hand. I added this custom CSS code:

#body_content_inner table.td tbody tr td:nth-child(3), #body_content_inner table.td thead tr th:nth-child(3), #body_content_inner table.td tfoot tr td:nth-child(2) {
text-align: right !important;
padding-right: 0 !important;
}

Kind regards,
Carina

Hey Carina,
Have you tried deactivating your plugins to test if any are conflicting? I suggest starting there. Let us know if there’s no change.

Best,
Hannah