Return to previous page

Illuminated languages - by pcmoia - on WordPress WooCommerce support

This topic has 8 replies, 3 voices, and was last updated 9 years ago ago by Eva Kemp

pcmoia

Participant

December 2, 2015 at 18:29

Hi,

Can i illuminate the selected language (like as hover)?

Thanks!

#102407 Copied Theme version: 2.8

7 Answers
Robert Hall

Support staff

December 2, 2015 at 18:36
Hello,

Try this code in Global Cutom CSS
```
#lang_sel_list a.lang_sel_sel {
    color: red;
}
```
Regards,
Robert Hall.
#102408 Copied
pcmoia

Participant

December 3, 2015 at 16:53

Hi,

sorry, it doesn’t works. I need the following:
– Normal state: colour text white
– Hover: red
– Selected / Active: red

Now, I have this in custom.css:

.languages-area #lang_sel_list ul li a:hover {
color: red !important;
}

#lang_sel_list a.lang_sel_sel {
color: red;
}

Many Thanks in advance!

#102602 Copied Theme version: 2.8

Eva Kemp

Support staff

December 3, 2015 at 17:53

Hello,

As I see now you added other links http://storage1.static.itmages.com/i/15/1203/h_1449161618_8011648_880a6f2991.png . Do you want to keep them or use WPML icons?

Regards,
Eva Kemp.

#102612 Copied

pcmoia

Participant

December 3, 2015 at 18:03

Hello Eva,

I wanna keep the current ones. Few months ago, you wrote me the following:

“In this case you need edit the file header.php (lines 146-149) and write the links to your .po files instead of # in the code DE.
In this case you need also remove your widget from “Place in header top bar” area in Appearance > Widgets.”

Two questions:
1. I don’t understand what must I change exactly. In my PO files, I have these 2 fields:
msgid “ES”
msgstr “ES”

But it doesn’t works. I supposed, the name of msgid is not correct. Can you make me an example?

2. Can you explain me how can I illuminate this? White for normal link, red for hover and red for active / selected language.

Thank you very much!!!

#102615 Copied
Eva Kemp

Support staff

December 3, 2015 at 18:19
Hello,

1. You don’t need to changes anything in .po files.
You need edit the file header.php (lines 146-149) and write the links to your translated pages.

2. Add this code in custom.css file:
```
.top-bar .languages-area .links li a {
    color: white;
}
```
Sorry, but there are no classes “current” or “select” for default top bar links.

Regards,
Eva Kemp.
#102618 Copied
pcmoia

Participant

December 3, 2015 at 18:31

Hi Eva,

sorry for all the questions. I decide to return to use WPML widget, cause the navigation is better.

My last questions:
– Can I put now the text in white colour
– Why at top of the name of languages appears a white line?

Sorry for any inconvenience.

#102625 Copied
Eva Kemp

Support staff

December 3, 2015 at 19:36
Hello,

Please add this code in custom.css file:
```
.languages-area #lang_sel_list ul li a {
    color: white !important;
}
#lang_sel_list a.lang_sel_sel {
    color: #F00 !important;
}
```
To remove the line add this css code:
```
#lang_sel_list ul {
    border-top: none !important;
}
```
Regards,
Eva Kemp.
#102632 Copied
Tagged: friendly, illuminated, languages, themes, woocommerce, wordpress
Viewing 8 results - 1 through 8 (of 8 total)