Background of the issue:
I am trying to address an issue with CSS in a popup created by Elementor. The CSS is auto-generated by Elementor and not custom. In the translated version of the site, the CSS remains the same, which causes issues. For example, the CSS selector is #elementor-popup-modal-5615, but in the English version, the popup modal has a different ID (elementor-popup-modal-5666), resulting in the CSS not being applied in the translated language. The issue can be seen on this page: hidden link.
Symptoms:
The CSS for the popup modal is not applied in the translated language because the CSS selector does not match the modal ID in the English version.
Questions:
How can I ensure the CSS is correctly applied in the translated version?
Is there a way to automatically update the CSS selectors for translated content?
Reference to our recent chat, please feel free to add your findings in reply to this ticket here, after checking as prescribed during the chat. And one of my colleague 'll help you further on the matter.
