My css is not translated

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

Problem:
If you're experiencing issues with translating background images and CSS on your website, particularly with dynamic parts like ACF fields, where background images do not appear and icons display in incorrect sizes on translated pages.
Solution:
We recommend adding specific CSS rules to the custom CSS for your translated template. Here is an example of the CSS that resolved similar issues:

.elementor-widget-dyncontel-acf .acf-image img {<br />    width: 100%;<br />    width: 16px;<br />    min-width: 16px;<br />    height: 26px;<br />}

Please apply this CSS and check if it resolves the issue on your site. If this solution does not apply to your case, or if it seems outdated, we highly recommend checking related known issues at https://wpml.org/known-issues/, verifying the version of the permanent fix, and confirming that you have installed the latest versions of themes and plugins. If the problem persists, please open a new support ticket.

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: Compatibility

This topic contains 3 replies, has 0 voices.

Last updated by Lauren 1 month, 2 weeks ago.

Assisted by: Lauren.

Author	Posts
September 5, 2025 at 1:01 pm
robinD-25	Background of the issue: I am trying to translate my website, but my background images and CSS don't seem to be translated. This issue appears to be related to dynamic parts, such as ACF fields. You can see the issue on this page: hidden link. The correct view can be checked here: hidden link. Symptoms: No background images and the wrong size of icons are displayed on the translated page. Questions: How can I fix the issue where background images and CSS are not translated? Is the issue specific to dynamic parts like ACF fields?
September 5, 2025 at 4:11 pm #17380028
Lauren WPML Supporter since 10/2015 Languages: English (English ) Timezone: America/New_York (GMT-04:00)	Please send me a screenshot of where you are entering the CSS on the template page so I can look further into the icon size issue.
September 12, 2025 at 1:35 pm #17397806
robinD-25	Hello I still got a wrong css in my repeater field. In the not translated page it's good, but in the translations it's broken
September 16, 2025 at 2:47 pm #17406698
Lauren WPML Supporter since 10/2015 Languages: English (English ) Timezone: America/New_York (GMT-04:00)	Thanks so much for sending the screenshot. I inserted some different CSS and it seemed to resolve the issue in English. This is what I added to the custom CSS for the English template: .elementor-widget-dyncontel-acf .acf-image img { width: 100%; width: 16px; min-width: 16px; height: 26px; } Please let me know if this looks okay, and if so, you are welcome to close the ticket. Let me know if you need any further assistance and I will be happy to help.