Skip to content Skip to sidebar

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

Problem:
If you're experiencing issues with CSS styling changes not being applied correctly on your WPML translated webpage, follow these steps to resolve the issue.
Solution:
1. Navigate to WPML -> Settings -> Custom Fields Translation.
2. Click on 'Show system fields' and search for any items that include 'css', 'style', or 'styling' in their name.
3. Set these fields to 'Copy' or 'Copy Once' if they were already set to 'Copy'.
4. Return to the original page/post, make a minor modification (such as adding an extra space), and save the post/page.
5. Edit the translation and save it as it is.
6. Check the styling on the translated page.
If the issue persists, you might need to set additional fields like 'page_options' to 'Copy' in the Custom Field Translation settings, as these fields carry custom configurations for each page, including design options.

Please note that this solution might be outdated or not applicable to your specific case. 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 continues, please open a new support ticket at WPML support forum.

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.

This topic contains 13 replies, has 2 voices.

Last updated by Mateus Getulio 1 year, 2 months ago.

Assisted by: Mateus Getulio.

Author Posts
May 1, 2024 at 4:14 pm #15584471

jiriJ-8

Hi, I need to help with CSS changed by wpml translated webpage.
I can´t fix it and you did it for me on another site already. Thank you

May 1, 2024 at 4:25 pm #15584476
jiriJ-8

And why on the product page is language switcher only for the default language?
hidden link

thanks

New threads created by Mateus Getulio and linked to this one are listed below:

https://wpml.org/forums/topic/secondary-language-doesnt-show-up-in-language-switcher/

May 2, 2024 at 11:59 am #15587011

Mateus Getulio
Supporter

Languages: English (English ) Portuguese (Brazil) (Português )

Timezone: America/Sao_Paulo (GMT-03:00)

Hello there,

Thank you for contacting our support.

Regarding the issue with the CSS, could you please elaborate a little more on this issue, so I can better understand? E.g. Is there a way for us to reproduce it?, what are the steps you've tried, etc.

Sometimes screenshots illustrating what you mean may go a long way to clarify what words fail to transmit, so if you like, make use of “upload an image” below the comment area.

With regard to the language switcher issue, given our support policy of having one issue per ticket, I'll split it into its separate ticket and provide you with an answer in the new ticket very quickly.

Also, so that we can take a better look at this, could you please attach the Debug info?

You can see how to retrieve and paste it here: https://wpml.org/faq/provide-debug-information-faster-support/.

In summary, these are the steps that you need to take in order to retrieve it:

- Go to WPML > Support > Debug Information
- Copy the Debug Information from there.
- Find the “Additional Data” section below this chat.
- Click on the “Debug Info” item to expand it.

I'm enabling the Debug Info template for your next reply.

Thank you, please let us know.

Mateus

May 2, 2024 at 2:45 pm #15588076

jiriJ-8

Hi, it is not debug info. I need help with transfer of CSS theme of default menu/ theme to new translated version. I had the similar issue wth hidden link - support ticker from last month.

cz_uncov1.png
cz_uncov2.png
cz_ucvov3.png
polski_cov1.png
polski_cov_2_okay.png
polski_cov_main.png
May 2, 2024 at 5:27 pm #15588617

Mateus Getulio
Supporter

Languages: English (English ) Portuguese (Brazil) (Português )

Timezone: America/Sao_Paulo (GMT-03:00)

Hello there,

Thank you for sharing those details and screenshots.

In order for you to try to fix this issue, can you please follow these steps?

- Please go to WPML -> Settings -> Custom Fields Translation
- Click on Show system fields
- Search and see if you can find any items that have css, style or styling on its name

If you find any of them, please try to set them to Copy, or to Copy Once(if they were already configured as 'Copy').

Then, go back to the original page/post, make a minor modification to it(adding an extra space suffices.) and save the post/page.

Finally, edit the translation and save it as it is.

After that, check how the styling in the second language will look like.

If it doesn't work, I would like to request temporary access (wp-admin and FTP) to your site to take better look at the issue. You will find the needed fields for this below the comment area when you log in to leave your next reply. The information you will enter is private which means only you and I can see and have access to it.

Our Debugging Procedures

I will be checking various settings in the backend to see if the issue can be resolved. Although I won't be making changes that affect the live site, it is still good practice to backup the site before providing us access. In the event that we do need to debug the site further, I will duplicate the site and work in a separate, local development environment to avoid affecting the live site.

Privacy and Security Policy

We have strict policies regarding privacy and access to your information. Please see:
https://wpml.org/purchase/support-policy/privacy-and-security-when-providing-debug-information-for-support/

**IMPORTANT**

- Please make a backup of site files and database before providing us access.
- If you do not see the wp-admin/FTP fields this means your post & website login details will be made PUBLIC. DO NOT post your website details unless you see the required wp-admin/FTP fields. If you do not, please ask me to enable the private box. The private box looks like this: hidden link

Please, let me know if you need any additional details. Have a nice day.

May 7, 2024 at 4:36 pm #15603242

jiriJ-8

Hello, thank you.
I found that but dont know what means this:

Then, go back to the original page/post, make a minor modification to it(adding an extra space suffices.) and save the post/page.

Finally, edit the translation and save it as it is.

you mean to translated page and there minor modification? And edit translation where? I thought it change / get back just styling

thank you
regards
Lena

May 7, 2024 at 7:35 pm #15603825

Mateus Getulio
Supporter

Languages: English (English ) Portuguese (Brazil) (Português )

Timezone: America/Sao_Paulo (GMT-03:00)

Hello Lena,

You can edit the main language home page for example. Then, please add an empty space anywhere in the page and save.

This will cause WPML to identify that the translation needs update.

Finally, please edit the home page translation and save the translation, making the new custom fields settings to be replicated.

If after that the style is still different in the translated home page, please share access details of the site so I can investigate it.

I'm re-enabling the private fields for your next reply.

Thank you,
Mateus.

May 8, 2024 at 1:26 pm #15606274

jiriJ-8

Hi, I´ve done everything as you recommend. Still I don't know if I checked to "Copy" all necessary items in WPML -> Settings -> Custom Fields Translation.
Because even though I´ve done nothing changed on the main page.

Would you please check it if I give you access?
Thank you
Regards
Lena

I need to know ISO of th country where are you basedd and want to connect into our web.
Thank you

May 8, 2024 at 6:31 pm #15607567

Mateus Getulio
Supporter

Languages: English (English ) Portuguese (Brazil) (Português )

Timezone: America/Sao_Paulo (GMT-03:00)

Hello Lena,

I'm based in Brazil. If needed, my IP is: 179.0.73.14.

I would like to request temporary access (wp-admin and FTP) to your site to take better look at the issue. You will find the needed fields for this below the comment area when you log in to leave your next reply. The information you will enter is private which means only you and I can see and have access to it.

Our Debugging Procedures

I will be checking various settings in the backend to see if the issue can be resolved. Although I won't be making changes that affect the live site, it is still good practice to backup the site before providing us access. In the event that we do need to debug the site further, I will duplicate the site and work in a separate, local development environment to avoid affecting the live site.

Privacy and Security Policy

We have strict policies regarding privacy and access to your information. Please see:
https://wpml.org/purchase/support-policy/privacy-and-security-when-providing-debug-information-for-support/

**IMPORTANT**

- Please make a backup of site files and database before providing us access.
- If you do not see the wp-admin/FTP fields this means your post & website login details will be made PUBLIC. DO NOT post your website details unless you see the required wp-admin/FTP fields. If you do not, please ask me to enable the private box. The private box looks like this: hidden link

Please, let me know if you need any additional details. Have a nice day.

May 9, 2024 at 7:39 pm #15612275

Mateus Getulio
Supporter

Languages: English (English ) Portuguese (Brazil) (Português )

Timezone: America/Sao_Paulo (GMT-03:00)

Hello Lena,

I tried accessing it but I'm getting the following error:

"Forpsi - 403 Forbidden You don't have permission to access the requested object. It is either read-protected or not readable by the server."

Can you please review it to see if it is possible to allow my access to the site's backend?

Thank you, please let me know.
Mateus

May 10, 2024 at 9:14 am #15613651

jiriJ-8

Please, try it now, we had a wrong ISO code of Brasil

May 10, 2024 at 5:22 pm #15615947

Mateus Getulio
Supporter

Languages: English (English ) Portuguese (Brazil) (Português )

Timezone: America/Sao_Paulo (GMT-03:00)

Hello Lena,

I was able to connect now, thank you.

I noticed that you had already set the css field to copy as you mentioned. That was the first step.

To finish fixing the issue I edited the home page, made a minor modification and then updated the translation.

Please check the screencast where I show the steps:

hidden link

Now when I check the translated home page, it has the same styling as the main language.

Can you please confirm that it is OK on your end as well?

Best,
Mateus

May 13, 2024 at 12:49 pm #15621012

jiriJ-8

Hi, thanks
I followed your steps and tried to change this page
hidden link
the styling is also different.
I have done all steps as you but it didn't work -
can you please check it where I do mistakes?

May 13, 2024 at 4:02 pm #15621799

Mateus Getulio
Supporter

Languages: English (English ) Portuguese (Brazil) (Português )

Timezone: America/Sao_Paulo (GMT-03:00)

I checked it and it looks like there was an extra field I needed to set to 'Copy' in WPML -> Settings -> Custom Field Translation: page_options.

This fields carries the custom configuration for each page, including design options.

After setting it to copy and updating the translation the issue seems fixed.

Can you please test it again and let us know the results?

Best,
Mateus