• Resolved perlfan

    (@perlfan)


    Hi there, I have a shop in German and English. The English order emails are displayed nicely on mobiles, but the German ones are too wide. The reason for this is that the address labels Lieferaddresse (shipping address) and Rechnungsadresse (invoice address) are very long. Plus, the address fields are not arranged below one another but next to each other. Here you can see the problem: https://snipboard.io/IQh7FM.jpg

    So how can I make the address labels (invoice address and shipping address) smaller? Thank you – Frank

Viewing 6 replies - 1 through 6 (of 6 total)
  • Hi @perlfan,

    This would require adding some custom code, I’ve got an example here that might help: https://www.businessbloomer.com/woocommerce-add-css-woocommerce-emails/

    By the way, have you tried MailPoet? It’s a fantastic tool for personalizing your WooCommerce emails!

    If you are still having problems, we recommend asking development questions on the #developers channel of the WooCommerce Community Slack. Many of our developers hang out there and will be able to offer insights into your question. You can also seek help from the following:d

    Thread Starter perlfan

    (@perlfan)

    Thank you! I had already tried that snippet, but it didn’t change anything. I’ve altered the h3 font size without any effect on the label font size. Maybe they are not formatted in h3 anymore? If somebody has advice, I’d be grateful. I’d like to avoid using a new plugin, but thank you anyway. Frank

    Thread Starter perlfan

    (@perlfan)

    I just checked the html of the shipping address label – it’s h2 – the same as the order details headline which I don’t want to decrease in size.

    Plugin Support Shameem R. a11n

    (@shameemreza)

    Hello @perlfan,

    It looks like you’re having an issue with the font size of the address labels in your order emails. I understand you’ve tried altering the h3 font size, but it does not affect the label font size.

    Your recent check shows that the shipping address label is formatted in h2, the same as the order details headline which you don’t want to decrease in size.

    In this case, you can try adding a specific CSS rule for the address labels only. This can be done by adding a class to the address labels and then applying a CSS rule to that class.

    .woocommerce-email-customer-details h2 {
    font-size: small;
    }

    If you’re not comfortable with editing code, we recommend seeking assistance from a web developer or a service like Codeable.io or WooExperts.

    Alternatively, you can use the Email Customizer for WooCommerce plugin to customize your email template, including font style and size.

    I hope this helps! Let us know if you have any other questions.

    Thread Starter perlfan

    (@perlfan)

    I understand – thank you for pointing this out. I’ll give it a try – Frank

    Hi @perlfan!

    We’re glad that we’re able to help!

    I’m going to mark this thread as resolved, but please don’t hesitate to start a new topic if you have any more questions regarding our plugins.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Change font size of address labels in order emails’ is closed to new replies.