Return to previous page

Language in the topbar - by Greta - on WordPress WooCommerce support

This topic has 10 replies, 3 voices, and was last updated 9 years ago ago by Rose Tyler

Greta

Participant

November 18, 2016 at 08:44

Hello, I installed WPML and I would place in the top bar the abbreviations of the various languages as seen in the demo https://www.8theme.com/demo/classico/variant1/…
Also if possible I would like to make the background of the topbar slightly transparent ..
How can I do?

Please, contact administrator
for this information.

#146208 Copied

9 Answers
Jack Richardson

Support staff

November 18, 2016 at 10:05
Hello,

Please refer to WPML topic https://wpml.org/forums/topic/abbreviation-instead-of-language-name/ .

Add this code in Global Custom CSS section:

.home .header-type-3 .top-bar { background-color: rgba(0, 0, 0, 0.1); }

Best regards,
Jack Richardson.
#146217 Copied
Greta

Participant

November 22, 2016 at 09:37

Ok but the bakcground top bar is visible only in homepage, while i would it also in another pages..it’s possible?

#146538 Copied
Rose Tyler

Support staff

November 22, 2016 at 09:40
Hello,

Please, change previously css code to the following:

.header-type-3 .top-bar { background-color: rgba(0, 0, 0, 0.1); }

Regards,
Rose Tyler.
#146539 Copied
Greta

Participant

November 23, 2016 at 15:03

I try to follow the guide but to no avail, I remember that in your demo there are abbreviations of languages in the top bar … not you help me in another way ?

#146727 Copied

Greta

Participant

November 23, 2016 at 15:13

Sorry but the color of the languages item is white and i would change it in gray…it’s possible?

#146732 Copied
Rose Tyler

Support staff

November 23, 2016 at 16:06
Hello,

Please, add this code in Custom CSS:

#lang_sel_list ul a { color: gray !important; }

Regards,
Rose Tyler.
#146742 Copied
Jack Richardson

Support staff

November 23, 2016 at 16:08
Hello,

To get abbreviations please refer to this WPML topic https://wpml.org/forums/topic/abbreviation-instead-of-language-name/ .
Edit this code in Global Custom CSS:

#lang_sel_list ul a.lang_sel_other, #lang_sel_list ul a.lang_sel_other:visited { color: #444444; }

and add !important to color value, so it’ll be:

#lang_sel_list ul a.lang_sel_other, #lang_sel_list ul a.lang_sel_other:visited { color: #444444 !important; }

and this code:

#lang_sel_list a.lang_sel_sel, #lang_sel_list a.lang_sel_sel:visited { color: #444444 !important; }

Best regards,
Jack Richardson.
#146743 Copied
Greta

Participant

November 24, 2016 at 09:25

Ok, but I would like a customization type this https://www.8theme.com/demo/classico/variant1/ that is slightly larger abbreviations and change the color of the selected language, thanks

#146831 Copied

Rose Tyler

Support staff

November 24, 2016 at 10:54

Hello,

You can configure it in WPML settings.

Regards,
Rose Tyler.

#146849 Copied
Viewing 10 results - 1 through 10 (of 10 total)