Skip Navigation

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

Problem:
Custom CSS is not showing in the translation
Solution:
Avada allows to add different custom CSS per language in their theme options, after adding it to all 3 languages, the CSS shows as expected now
Relevant Documentation:
https://wpml.org/documentation/theme-compatibility/using-wpml-with-the-avada-theme/#setting-theme-options

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 11 replies, has 3 voices.

Last updated by Bobby 1 year, 6 months ago.

Assisted by: Bobby.

Author Posts
April 18, 2023 at 3:38 pm #13497497

fernandoJ

Tell us what you are trying to do? When I active your plugin WPML the styles of my site are broken (footer, titles...)

Is there any documentation that you are following?

Is there a similar example that we can see? no

What is the link to your site? dev.galagar.com

after_wpml.jpg
before_wpml.jpg
April 19, 2023 at 5:40 am #13501549

Bobby
Supporter

Languages: English (English )

Timezone: America/Los_Angeles (GMT-08:00)

Hi there,

Is the CSS being affected in the default language, the translation or both when WPML is activated?

April 19, 2023 at 7:31 am #13502127

fernandoJ

Hi, in both languages when WPML is activated.

April 19, 2023 at 5:01 pm #13506833

Bobby
Supporter

Languages: English (English )

Timezone: America/Los_Angeles (GMT-08:00)

Are you using any custom CSS or is this the standard CSS and layouts coming from Avada's theme?

I would like to request temporary access (wp-admin and FTP) to your site to test the issue.
(preferably to a test site where the problem has been replicated if possible)

**Before we proceed It is necessary to take FULL BACKUP of your database and your website. Providing us with access, you agree that a backup has been taken **

I often use the Duplicator plugin for this purpose: http://wordpress.org/plugins/duplicator/
You will find the needed fields for this below the comment area when you log in to leave your next reply.
The information you enter is private which means only you and I have access to it.

NOTE: If access to the live site is not possible and the staging site does not exist please provide me with a duplicator package created with the duplicator plugin.

Thank you,
Bobby

April 20, 2023 at 11:40 pm #13514585

Bobby
Supporter

Languages: English (English )

Timezone: America/Los_Angeles (GMT-08:00)

Hi there,

Were are you adding the CSS responsible for the homepage?

If it is added in Avada's custom CSS theme options area please note that you can have different theme options per language with the Avada theme.

For example the EN CSS has 1100+ lines but the ES only 360 lines
hidden link

See the following documentation:
https://wpml.org/documentation/theme-compatibility/using-wpml-with-the-avada-theme/#setting-theme-options

Let me know your results, please.

April 27, 2023 at 10:12 am #13548477

fernandoJ

Hi, I see exactly the same css custom code in 3 languages, I have added it to CSS theme options of Avada theme.

April 28, 2023 at 8:52 pm #13559685

Lauren
Supporter

Languages: English (English )

Timezone: America/New_York (GMT-05:00)

HI there, Bobby is off today so I'm stepping in to help out. Please try going to Appearance -> Customize -> Advanced CSS and add the custom CSS there. Does it apply to all languages from there?

May 2, 2023 at 4:51 am #13566717

Bobby
Supporter

Languages: English (English )

Timezone: America/Los_Angeles (GMT-08:00)

Hello,

following up on this, when I review your site I am able to see the same CSS now for all 3 languages.

Were you able to resolve this?

Screen Shot 2023-05-01 at 9.50.33 PM.png
Screen Shot 2023-05-01 at 9.50.24 PM.png
Screen Shot 2023-05-01 at 9.50.19 PM.png
May 2, 2023 at 8:05 am #13567597

fernandoJ

Hi,

Yes, it is solved, now I have problems with the related products, they only appears on Spanish.

May 2, 2023 at 8:29 pm #13574109

Bobby
Supporter

Languages: English (English )

Timezone: America/Los_Angeles (GMT-08:00)

Glad to hear the original issue of the ticket is resolved!

We try to keep each ticket to a minimum of one issue.

If possible share with me some additional information regarding the related products and I will split it into its own thread for us to investigate.

At the moment when I test I can see the related products showing in all languages

May 8, 2023 at 9:44 am #13603745
fernandoJ

Hi,

As you see in the attachment, the SMART 160 MMA in Spanish is correct, but in English the related products are not correct.

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

https://wpml.org/forums/topic/split-related-products-are-not-correct/

screencapture-dev-galagar-producto-smart-160-mma-2023-05-08-11_40_47.jpg
screencapture-dev-galagar-en-producto-smart-160-mma-2023-05-08-11_41_20.png
May 9, 2023 at 1:21 am #13609315

Bobby
Supporter

Languages: English (English )

Timezone: America/Los_Angeles (GMT-08:00)

Closing this thread as the original issue is resolved, and I have split the ticket into its own ticket for the new issue regarding the related products.