Hi @123aoeu,
Thanks for contacting us. We have tested it on our test site and it seems to display properly, please check our test here https://tppr.me/6xKMXS.
Could you please give us the screenshot how it works on your end?
Hello @mialewp
1- This how it look: https://ibb.co/RTpnx0ry
2- And how I’d like it to be: https://ibb.co/tpc3dqnr
Hi @123aoeu,
Thanks for your quick response. Please add this class yaymail_rtl as the screenshot https://tppr.me/N2TpLy, and then add this custom CSS to make it work as expected:
.yaymail_rtl .yaymail-order-details-table[data-layout-type-modern] .yaymail_item_price_title, .yaymail_rtl .yaymail-order-details-table[data-layout-type-modern] .yaymail_item_price_content, .yaymail_rtl .yaymail-order-details-table[data-layout-type-modern] .yaymail_element_foot_order_details tr td{ text-align: left !important; }
Hope that helps.
Worked.
Thanks a lot for your time and help.
Hi @123aoeu,
Glad to hear it works as expected now.
If you are happy to use YayMail, please give us a review here please?
https://wordpress.org/plugins/yaymail/#reviews
Your review will motivate us to develop more plugins and have awesome users like you. 😉
Kind regards,
Mia
Hi again,
And sorry for re-opening the case.
When testing by sending the email, the price column still remained on the right side. Same can be said with the plugin email preview.
Plugin email preview: https://ibb.co/Cs3mshhS
Plugin customizing preview: https://ibb.co/N63jyfKV
Email: https://ibb.co/kjw5bzV
Plugin Support
Bruce
(@ninjateamwp)
Hi @123aoeu ,
Let me check again and get back to you soon.
Regards,
Bruce
Plugin Support
Bruce
(@ninjateamwp)
Hi @123aoeu ,
Please replace it with this CSS and check again:
.yaymail_rtl .yaymail_element_head_order_item th.yaymail_item_price_title,
.yaymail_rtl .yaymail_element_body_order_item td.yaymail_item_price_content,
.yaymail_rtl .yaymail_element_foot_order_item .yaymail-order-detail-row-cart_subtotal td,
.yaymail_rtl .yaymail_element_foot_order_item .yaymail-order-detail-row-shipping td,
.yaymail_rtl .yaymail_element_foot_order_item .yaymail-order-detail-row-payment_method td,
.yaymail_rtl .yaymail_element_foot_order_item .yaymail-order-detail-row-order_total td,
.yaymail_rtl .yaymail-order-details-table[data-layout-type-modern] .yaymail_element_foot_order_details tr td{
text-align: left !important;
}
Regards,
Bruce
Plugin Support
Bruce
(@ninjateamwp)
Hi @123aoeu ,
When you copy and paste it into the CSS editor, if you see these pink characters, please remove them:
https://ibb.co/zhgyCgC7
Regards,
Bruce
@ninjateamwp
Thanks Bruce, this issue has been resolved.
Another glitch I found is in the payment method row. in Arabic, the payment and payment description are not seperated by space.
An example of the issue: https://ibb.co/7tWhcP06
Problem: تابيادفع بالتقسيط مع تابي
Correct format: تابي ادفع بالتقسيط مع تابي
Plugin Support
Bruce
(@ninjateamwp)
Hi @123aoeu ,
Let me check that too, I will get back to you soon.
Regards
@ninjateamwp
Please ignore the last problem; found an issue with some coding and fixed it.
Thanks a lot for your time and help.
Hi @123aoeu,
Glad to hear all sorted now. Please get back to us anytime if you need help.
Wish you a wonderful day ahead.
