![Check out Enfold](https://kriesi.at/wp-content/themes/kriesi/images/banner-enfold.jpg)
-
AuthorPosts
-
July 1, 2020 at 5:24 pm #1227287
Hi dear Enfold team.
I have a problem using WPML and Enfold. The following case:
I would like to make some smaller adjustments in the Quick CSS for only one language.
e.g.
for English:
hr.hrfooter2{
margin-right: 50%;
}for Hebrew (due to left right issue)
hr.hrfooter2{
margin-left: 50%;
}If I change the language in enfold admin panel I can see that in each language it´s defined correct for each language in Quick CSS but when I hit save it always applies the Quick CSS for all languages in the frontend instead of using the Quick CSS for each language.
Any idea what I am doing wrong? I assume it should be possible to have different CSS settings for different languages.Visible here for the hr in the footer under FAQ
http://daria-spa.online-projektmanagement.info/spa/
http://daria-spa.online-projektmanagement.info/spa/?lang=heThanks a lot for your help
July 3, 2020 at 4:13 am #1227616Hey JensRichterich,
Thanks for the login details. I can’t see that happening on my end, this is the CSS I see in Quick CSS:
English:
hr.hrfooter2{ border-width: 2px; color: #D9C0B0; border-color: #D9C0B0; margin-right: 36%; }
Hebrew:
hr.hrfooter2{ border-width: 2px; color: #D9C0B0; border-color: #D9C0B0; margin-left: 50%; }
The margin-left is different if you compare the two.
Best regards,
RikardJuly 3, 2020 at 9:55 am #1227724Hi Rikard,
thanks for your reply. The difference is only present because I added as a workaround in the english Quick CSS the following:
html[lang=’he-IL’] hr.hrfooter2{
margin-left: 36%;
margin-right: 0px;
}
I removed that now and now you can see that he takes for Hebrew also the Quick CSS from english even though hr.hrfooter2 has another value for the margin in the Quick CSS in hebrewYou simply can try it when you add a value for something in the Quick CSS you will realize that this will then apply to all languages instead only to the language selected in the Quick CSS:
Complicated to explain, sorry for that but I hope it´s more understandable now…
Thanks
Jens-
This reply was modified 4 years, 2 months ago by
JensRichterich.
July 5, 2020 at 4:42 am #1227974Hi Jens,
It looks like you have an open media query in Hebrew:
@media only screen and (min-width:1025px){ #hrcontent{ border-width: 4px; color: #000000; border-color: #000000; margin: auto; margin-top:3%; margin-bottom:3%; width: 5%; }
What happens if you close that properly?
Best regards,
RikardJuly 5, 2020 at 10:24 am #1228017Hi Rikard,
I am afraid that this is not the reason for the error. It was closed somewhere further down the CSS.
But in order to make it easier: I erased all the Quick CSS entries in all languages and added only in english:
h1 {
font-size: 100px !important;
}And you see that this applies also to all other languages which as far as I understand the language settings shouldn´t be the case or?
Thanks
JensJuly 5, 2020 at 3:45 pm #1228041Hey Rikard,
finally found out what the problem is: When CSS file merging and compression is enabled under the performance settings, the same Quick CSS applies to all languages. Seems to be a bug to be solved. Ticket can be closed. I deactivated the compression and everything works fine now
July 6, 2020 at 6:53 am #1228181 -
This reply was modified 4 years, 2 months ago by
-
AuthorPosts
- The topic ‘WPML and Quick CSS’ is closed to new replies.