YITH GIFT CARD EMAIL DESIGN

Hi there,
we hope you’re doing well!

In order to modify some styles of the email template, you should copy the file style.css (wp-content\plugins\yith-woocommerce-gift-cards\templates\emails\style.css) in wp-content\themes\[your active theme folder]\woocommerce\emails\ (if you haven’t the two last folders, you need to create them).

Then, you can change the styles in the new file. For example:

To make the image smaller:

.ywgc-main-image{
    width: 300px;
}

Spacing in gift card amount:

.ywgc-card-amount{
    width: 100px;
    text-align: right;
    font-weight: bold;
    font-size: 24px;
    padding: 30px;
}

Adding the company logo is only available in the premium version. In this link you can see all the features added in this version.

You can modify the footer by copying the file gift-card-footer.php (wp-content\plugins\yith-woocommerce-gift-cards\templates\emails\gift-card-footer.php) in wp-content\themes\[your active theme folder]\woocommerce\emails\

We hope we have helped you and if you have any questions, feel free to contact us.

Best regards.

• This reply was modified 3 years, 3 months ago by Juan Coronel.
• This reply was modified 3 years, 3 months ago by Juan Coronel.
• This reply was modified 3 years, 3 months ago by Juan Coronel.

Wow! Thank you very much ??

I actually have just one more question….

The email automatically inputs the introduction to recipient (e.g. Hello {recipient_name},)

The font-family of this text is completely different than the rest of the email. Is it possible to reference this text in the style.css sheet or elsewhere?

Many Thanks.

Hi there,

The appropriate class to modify that text is “.center-email”, so you can modify it in this way, for example:

.center-email {
    font-family: 'Lucida Sans', 'Lucida Sans Regular', sans-serif;
}

Remember to make the changes in the CSS file located in wp-content\themes\[your active theme folder]\woocommerce\emails\ .

Try it and tell us about any news.

Have a nice day!