Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • July 1, 2020 at 5:24 pm #1227287
    JensRichterich

    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=he

    Thanks a lot for your help

    July 3, 2020 at 4:13 am #1227616
    Rikard

    Hey 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,
    Rikard

    July 3, 2020 at 9:55 am #1227724
    JensRichterich

    Hi 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 hebrew

    You 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

    July 5, 2020 at 4:42 am #1227974
    Rikard

    Hi 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,
    Rikard

    July 5, 2020 at 10:24 am #1228017
    JensRichterich

    Hi 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
    Jens

    July 5, 2020 at 3:45 pm #1228041
    JensRichterich

    Hey 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
    Rikard

    Hi,

    Great, I’m glad that you found the cause of the problem and thanks for sharing. I’ll go ahead and close this thread for now then, please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘WPML and Quick CSS’ is closed to new replies.