elementor front end doesn't look like editing pages

This thread is resolved. Here is a description of the problem and solution.

Problem:
RTL design in english pages

Solution:
Use the custom CSS code below to fix it. Insert into WP > Appearance > Customize > Additional CSS

.elementor-widget-icon-box.elementor-position-left .elementor-icon-box-wrapper {
    
    flex-direction:inherit;
}

Relevant Documentation:

This is the technical support forum for WPML - the multilingual WordPress plugin.

Everyone can read, but only WPML clients can post here. WPML team is replying on the forum 6 days per week, 22 hours per day.

Tagged: Not WPML issue

This topic contains 7 replies, has 2 voices.

Last updated by Ezry Keydar 1 year, 9 months ago.

Assisted by: Kor.

Author	Posts
April 30, 2023 at 11:15 am #13562443
Ezry Keydar	I am trying to: translate elementor pages and templates Link to a page where the issue can be seen: hidden link I expected to see: same design as in elementor editor Instead, I got: RTL design in english pages
April 30, 2023 at 11:20 am #13562489
Ezry Keydar	Some more info If I apply Elementor's "Regenerate CSS & Data" when I'm on Hebrew, the front end for hebrew pages will look like in the editor but the English will look RTL in front end while OK on the editor page. If I repeat the same action when i'm on English, the Hebrew frontend will have the opposite twist
May 2, 2023 at 8:23 am #13567787
Kor Supporter Languages: English (English ) Timezone: Asia/Singapore (GMT+08:00)	Hi there, Thanks for contacting us. I've checked your Website and I can see the issue you had there. I would need to take a closer look at your site. So I would need to request temporary access (WP-Admin and FTP) preferably to a test site where the problem has been replicated if possible in order to be of better help and check if some configurations might need to be changed IMPORTANT: Please, note, a backup is required for security reasons, and to avoid any data loss, you can use the https://wordpress.org/plugins/updraftplus/plugin for these backup needs. Your following answer will be private, which means only you and I have access to it. ✙ I would need your permission to de-activate and re-activate Plugins and the Theme and to change configurations on the site if required. This is also a reason the backup is critical. Thanks! Kor
May 3, 2023 at 5:47 am #13574693
Kor Supporter Languages: English (English ) Timezone: Asia/Singapore (GMT+08:00)	Hi there, Thanks for your reply. Kindly insert the custom CSS code below into WP > Appearance > Customize > Additional CSS and see if it fixes it. .elementor-widget-icon-box.elementor-position-left .elementor-icon-box-wrapper { flex-direction:inherit; } Thanks! Kor
May 3, 2023 at 8:06 am #13575991
Ezry Keydar	Thank but this is some kind of a work around. (by the way !important is needed for this to work) Could you find the actual problem? I have one more issue caused by this problem in the footer with the elementor icon list divider position. I can work around it with .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after { left: auto; } but again, it is not a core solution...
May 3, 2023 at 8:22 am #13576185
Kor Supporter Languages: English (English ) Timezone: Asia/Singapore (GMT+08:00)	Hi there, Thanks for your reply. I've checked and these are stylings issues from Elementor. Since you've contacted us for support, we will do our best to help even if it is not related to WPML. I'd suggest that you check with Elementor support for further assistance regarding this. Let me know how it goes. Thanks! Kor
May 3, 2023 at 9:31 am #13576823
Ezry Keydar	Thank you!