Styling elements inherited from WC

Hey Michal,
Thanks for reaching out! You can use this to send images: https://imgbb.com/
Or you can submit a ticket here: https://www.kadencewp.com/free-support/

Best,
Hannah

Hi Hannah,

thanks for your reply.
Here are the questions:

1. https://ibb.co/RTRjy7f
I’d like to know if “Shipping address” indentation in transactional e-mails is there on purpose.

2. https://ibb.co/rcK957F
Is there a way to style the addresses fonts?
The font in addresses is not in line with any of my settings.

3. https://ibb.co/J2MmNNQ
This is strange: which settings define the color and the fonts of the order items. They aren’t mine for sure.

Regards,
Michal Szczepanski

Hey Michal,
Sorry for the delay.
1. Yes, I believe this is intentional. Are you wanting to remove the indent?

2. You can use this css:

td.address-td {
    font-style: normal;
    font-family: sans-serif;
    font-size: 15px;
}

3. These should be pulling from your theme. Is that not the case for you? You can override with this css:

td.td {
    color: #333 !important;
}

Hope this is helpful!

Best,
Hannah

Hi Hannah,

1.: yes, I’d like to remove the indent;
2: thanks for CSS code;
3: the code solved the problem partially;
what CSS code can I use to change the color of the elements in red frames:
https://ibb.co/cgLbfz6
4: speaking of the footer text, how could I change the line height?
This piece of code is not working:

#template_footer {
line-height: 1.5;
}

Regards,
Micha?

• This reply was modified 4 years ago by Micha? Szczepański.

Dear Hannah,

I forgot to report one more issue:
the word “quantity” is not translated into Polish: https://ibb.co/sqfH3G2.
Would it possible to include this translation in an update?

Regards,
Michal

Hey @szczepanski

1. That is a bug I’ll likely fix in the next version. In the mean time:

td.shipping-address-container {
padding: 0 !important;
}

3. You could use css like this:
#body_content_inner tfoot th, #body_content_inner thead th.td:first-child {
color: green !important;
}

The tables are not really designed (from woocommerce core) for this kind of styling control.

4. Use !important and specific:

#template_footer #credit {
line-height: 1.5 !important;
}

All the styling runs through a script and gets placed inline before it’s sent (better inbox compatibility) so !important won’t be part of the emails but it will take over the styling.

You can send translation files to [email protected] and we can include them. Or you can submit them yourself here: https://translate.www.ads-software.com/projects/wp-plugins/kadence-woocommerce-email-designer/

I hope that helps,
Ben

Hi Ben,

thanks for all the answers. The CSS code has removed the indentation of the shipping address.

With regard to the “Quantity” translation, it seems that the translation is there with the “current” status:
https://translate.www.ads-software.com/projects/wp-plugins/kadence-woocommerce-email-designer/stable/pl/default/?filters%5Btranslated%5D=yes&filters%5Bstatus%5D=current

Please take a look at the screenshot: https://ibb.co/NWPTt0g
Maybe it’s not this string, but that’s rather not possible.
What do you think?

For something completely different: styling of the links. Currently the links are styled in different ways. Please take a look at the screenshot: https://nimb.ws/uZ8qlN

Could you please send me some CSS to style the color, the font weight of the links with no underline? ??

Regards,
Michal

• This reply was modified 3 years, 11 months ago by Micha? Szczepański.

Hey,

There is a polish translation within the plugin files, this was given over by a user some time ago. If WordPress repo translation has caught up I’ll need to remove that translation inside the plugin or update it.

But right now it’s only showing 4% so if you want to update the transition you need to do that in the plugin, great option is to use the loco translation plugin.

I assume you mean the links in the footer?

#template_footer_container a {
    color: blue !important;
    font-weight: bold !important;
    text-decoration: none !important;
}

Ben