[GorilloParticipant]

Hello!

I am customizing my WooCommerce order emails. I found a plugin called Decorate that enables me to use the customizer (X-theme) to customize the emails. While using the custom CSS I was able to change to my custom font on everything except the order items and customer email. I have changed all the headers, body, p, a, and even tried .x-main to change but they won’t budge.

I realise this is a third party-plugin at work, but maybe you know the code regardless?

Also, since I have no experience in coding, I was wondering one thing. Having received help from you before I often get codes from you, like “.woocommerce-result-count”, “table.shop_table.woocommerce-checkout-review-order-table” and all of these codes. When I get them from you, I have no problem figuring out the basic CSS to change padding, color, borders, font formatting etc. But where do you find these custom codes? Is there anywhere in some source css sheet where I could go looking for these codes myself and testing and trying to see which ones change what – without having to ask you for help here in the forum everytime?

Thank you beforehand

[RahulModerator]

Hello,

Thanks for posting in.

Yes, sure. You can use Chrome Developer tool to check what classes you need to customize.

– Right click on an element and select ‘Inspect element’
– A window will popup from the bottom and you’ll get to know what css class that particular element has from the right hand side panel.

Let us know if this helps.

[Author]

Posts