Skip Navigation

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

Problem:
You are trying to display featured images on a translated page of your site using WPML, but the images are not appearing on the translated pages.

Solution:
First, ensure that the media translation settings are correctly configured:
1. Back up your site for safety.
2. Open the default language post in Edit mode and enable the following options:
- Duplicate uploaded media to translations
- Duplicate featured image to translations
3. Navigate to WPML >> Settings >> Media Translation, select all checkboxes, and press the Start button.
4. Clear all types of site/server/CDN cache.

If the issue persists, it might be related to CSS styling. You can add custom CSS to address this:
1. Go to WP > Appearance > Customize > Additional CSS.
2. Insert the following CSS code:

.e-loop-item .elementor-element.e-con-full.e-flex.e-con.e-child{
    background-repeat: no-repeat;
    background-size: contain;
}

Please note that this solution might be outdated or not applicable to your specific case. If these steps do not resolve your issue, 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 needed, please open a new support ticket for further assistance.

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: 

This topic contains 4 replies, has 1 voice.

Last updated by yuvalS-2 2 weeks, 1 day ago.

Assisted by: Kor.

Author Posts
April 6, 2025 at 6:54 am #16900757

yuvalS-2

Background of the issue:
I am trying to display featured images on a translated page of my site using WPML. The original page displays the images correctly.

Symptoms:
The featured images of posts are not showing on the translated page: hidden link, while they appear fine on the original page.

Questions:

April 6, 2025 at 11:43 am #16901207

yuvalS-2

?

April 6, 2025 at 2:44 pm #16901400

Noman
WPML Supporter since 06/2016

Languages: English (English )

Timezone: Asia/Karachi (GMT+05:00)

Hi,

Before your ticket is assigned to one of my colleagues, I'd like to guide you through some initial debugging steps to speed up the support process.

To begin, please follow the below steps and let me know how it goes:

1. Take a backup of your site first for safety reasons.

2. Please open the default language problematic post in Edit mode and make sure these two checkboxes are enabled as you can see in the attached screenshot.
- Duplicate uploaded media to translations
- Duplicate featured image to translations

3. Go to the WPML >> Settings > Media Translation section, and press the Start button after selecting all enabled checkboxes as you can see in the attached screenshot.

4. Clear all sorts of site/server/CDN cache and see if this resolves the issue.

Kindly let us know the results,
Thank you

Media attachements 1.jpg
Sync media.jpg
April 7, 2025 at 6:11 am #16902380

yuvalS-2

Hi

I already did this, as I saw it somewhere on your website. It didn't help.
The issue happened with all of the post, as you can see on this page hidden link

Please advise, it's urgent

Thank you

April 8, 2025 at 5:26 am #16906661

yuvalS-2

Can you assign me to a supporter???

April 8, 2025 at 6:01 am #16906779

Kor
WPML Supporter since 08/2022

Languages: English (English )

Timezone: Asia/Singapore (GMT+08:00)

Thanks for your patience. I'm Kor and I'll look into this for you. I will need to closely examine your website. Therefore, I will require temporary access (WP-Admin and FTP) to a test site where the problem has been replicated, if possible. This will enable me to provide better assistance and determine if any configurations need to be modified.

Please note that it is important to have a backup for security purposes and to prevent any potential data loss. You can use the UpdraftPlus plugin (https://wordpress.org/plugins/updraftplus/) to fulfill your backup requirements.

Your upcoming reply will be treated with confidentiality and will only be visible to you and me.

✙ To resolve the issue, I may need your consent to deactivate and reactivate plugins and the theme, as well as make configuration changes on the site if necessary. This emphasizes the significance of having a backup.

April 8, 2025 at 7:41 am #16907203

Kor
WPML Supporter since 08/2022

Languages: English (English )

Timezone: Asia/Singapore (GMT+08:00)

Thanks for your reply. I've checked, and it looks like the featured image is not available for the primary language too. Could you please check the screen recording that I've shared here? hidden link

April 8, 2025 at 10:40 am #16908399

yuvalS-2

What do you mean?

They are available in the original language

Capture1.PNG
Capture.PNG
April 8, 2025 at 2:05 pm #16909871

Kor
WPML Supporter since 08/2022

Languages: English (English )

Timezone: Asia/Singapore (GMT+08:00)

Thanks for your reply. It looks like a styling issue. I've inserted the custom CSS code below into WP > Appearance > Customize > Additional CSS and it seems to work fine now. Could you check? hidden link

.elementor-element.elementor-element-4dc806d:not(.elementor-motion-effects-element-type-background){
    background-image: url(<em><u>hidden link</u></em>);
    background-repeat: no-repeat;
    background-size: contain;
}
April 9, 2025 at 5:33 am #16911357

yuvalS-2

Great! Thank you so much!

Only problem I have 2 pages it still doesn't work

hidden link
hidden link

If you scroll down, you can see the section

April 9, 2025 at 5:57 am #16911366

Kor
WPML Supporter since 08/2022

Languages: English (English )

Timezone: Asia/Singapore (GMT+08:00)

Thanks for your reply. I've changed the custom CSS code to the below and could you check and see if anything else is broken? You can find this custom CSS code in WP > Appearance > Customize > Additional CSS.

.e-loop-item .elementor-element.e-con-full.e-flex.e-con.e-child{
    background-repeat: no-repeat;
    background-size: contain;
}

DISCLAIMER: Please know that any snippet or code suggested here is for educational purposes only. they are not meant to be the final solution but instead meant to point you in the right direction and are out of the scope of our support so we can't nor will modify, improve, debug or maintain it.

April 9, 2025 at 7:09 am #16911603

yuvalS-2

Great thank you!