Language-Switch has no "active" colour!

Author Posts

aryser November 9, 2021 at 10:15 am

Heads up! this post was created when Microthemer was at version 6. The current version is 7. Some references to the interface may be out of date.

Hi,
I try to assign an “active” colour to my language switch the same way like in works on navaigation bar. Unable do do so. Anybody can help on that?

https://ig-ten.webfolio.ch
Password: ruppdesign

Sebastian November 9, 2021 at 5:28 pm

Hey,

Could you clarify exactly what you’re trying to do? In the language dropdown menu, it only shows the letters for the non-active language. Which bit are you trying to style differently?

Cheers,
Sebastian

aryser November 9, 2021 at 7:45 pm

Hi Sebastian
I would like to “highlight” the choosen language the same way like I did the topic. Is that possible?

Sebastian November 9, 2021 at 8:35 pm

If Dutch was selected, and you just want to make the “D” stand out, you should be able to click the text and set the color property e.g.

.wpml-ls-display {
    color: red;
}

Just make sure you click exactly on the letter, so that you can target the innermost container element. If you set the color on an outer container element there is always the possibility that an inner element will override your color setting.

Does that help at all?

aryser November 10, 2021 at 2:11 pm

Hi Sebastian, that helped a lot. But now, the unselected languages dont switch colour on Mouse-Over. Whats that now?

Sebastian November 11, 2021 at 3:34 pm

Hey, did you paste that selector somewhere, rather than using MT? If so, try using MT. MT should find a selector that only targets the single element you clicked. The .wpml-ls-display class is used for the other languages too I see now (on closer inspection).

But if you want another copy and paste, try updating the selector to this:

ul:not(.sub-menu) .wpml-ls-display {
   color: black;
}

You must login or register to reply to this topic.