Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • June 4, 2019 at 2:28 pm #1107110
    birgitthaler

    Hallo,

    ich hoffe, ihr könnt mir hier weiterhelfen.
    Ich habe vom WPML Forum einen CSS Code erhalten.

    Es geht darum, dass man die aktive Flagge farbig 100% darstellt und die inaktive Flagge mit weniger Deckkraft.

    Leider funktionieren beide Codes nicht. Kann es sein, dass hier vom Theme irgendetwas voreingestellt ist, dass dieser Code nicht greift?

    Diese Codes habe ich erhalten (habe es sowohl bei Quick CSS und bei WPML Css probiert)

    .wpml-ls-current-language .wpml-ls-flag
    {opacity:1;}
    .wpml-ls-flag {opacity:0.2;}

    .wpml-ls-current-language .wpml-ls-flag
    {
    -webkit-filter: grayscale(1000
    -moz-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    -ms-filter: grayscale0%);
    filter: grayscale(0%);
    }

    .wpml-ls-flag {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    filter: grayscale(100%);
    }

    Ich hoffe, ihr könnt mir hierbei helfen.

    Vielen Dank und liebe Grüße
    Birgit

    June 5, 2019 at 12:50 pm #1107507
    Victoria

    Hey birgitthaler,

    Could you please give us a link to your website, we need more context to be able to help you.

    Best regards,
    Victoria

    June 5, 2019 at 12:53 pm #1107516
    birgitthaler

    Hi Victoria,

    yes of course, thank you.

    June 5, 2019 at 2:00 pm #1107569
    Victoria

    Hi birgitthaler,

    Thank you.

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
.avia_current_lang {
    opacity:0.5;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    filter: grayscale(100%);
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    June 5, 2019 at 2:35 pm #1107589
    birgitthaler

    Hi Victoria,

    thank you so much, it works :)

    Is it possible to change? The current language should be 100%, the other with less opacity.
    What CSS should I use?

    Thank you und best regards,
    Birgit

    June 5, 2019 at 2:53 pm #1107603
    Jordan Shannon

    Hi,

    Just change the opacity the opacity in the css she gave you above to 1.

    Best regards,
    Jordan Shannon

    June 5, 2019 at 2:59 pm #1107609
    birgitthaler

    Hi Shannon,

    thanks for your reply.

    The inactive flag should be with less opacity, not in greyscale..
    Can you please help me with the CSS?

    Thank you and best regards,
    Birgit

    June 9, 2019 at 4:56 pm #1108617
    Basilis

    Hi,

    Unfortunately, it would require quite some time and customization of the theme to achieve this, so I am sorry to tell you that this is not covered by our support. However, if it’s really important for you to get this done, you can always hire a freelancer to do the job for you :)

    Best regards,
    Basilis

    June 11, 2019 at 8:33 am #1109034
    birgitthaler

    Hi,

    thank you for your reply. Just one question, to change it..
    What is the name code for the inactive language (opposite of .avia_current_lang)?

    Do you know what I mean?

    That would be great if you can let me know that.

    Best regards,
    Birgit

    June 11, 2019 at 7:32 pm #1109256
    Victoria

    Hi Birgit,

    You can just remove the greyscale css completely if you don’t need it. Opacity rule can stay.

    Best regards,
    Victoria

    June 12, 2019 at 11:15 am #1109443
    birgitthaler

    Hi Victoria,

    thank you.

    I just want the opposite – Now the active flag is with less opacity.
    But the active flag should be full color and the inactive flag should be with less opacity.

    What is the opposite of .avia_current_lang? Would that work?

    Thank you for your help.

    Best regards,
    Birgit

    June 14, 2019 at 4:51 pm #1110373
    Victoria

    Hi Birgit,

    Best regards,
    Victoria

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • You must be logged in to reply to this topic.