style for menu

Resolved officegeorgeward
(@officegeorgeward)

4 months, 1 week ago

As you can see the far right last item on the menu is the G translate pop-up. I cannot find references to easily style the selector. I need to reposition it and I need to make it darker so people can see it. Could somebody please point me to some CSS for that purpose.
I sincerely think whoever responds!
George

The page I need help with: [log in to see the link]

Viewing 7 replies - 1 through 7 (of 7 total)

Plugin Author edo888
(@edo888)

4 months, 1 week ago

Hi,

You can customize it with select.gt_selector CSS selector.

Thanks! 🙂

Thread Starter officegeorgeward
(@officegeorgeward)

4 months ago

Thanks Edo! That worked. But the translator is not showing on the mobile menu. Can you help?
Thanks!
George

Thread Starter officegeorgeward
(@officegeorgeward)

4 months ago

Hi Edo,

I got pretty far with shortcode, but can you provide any help with styling that mobile menu item which doesn’t want to center.

Thanks again,
George

Thread Starter officegeorgeward
(@officegeorgeward)

4 months ago

ok got it to center but it wont translate on mobile. Can you help?

Plugin Author edo888
(@edo888)

4 months ago

Hi,

If you would like to place the selector into the menu try to use one of the Language names/codes with our without flags widget looks and use Show in Menu option, so it will natively integrate into your menu.

If you have multiple menus (desktop, mobile), I recommend creating separate language links in the menu using [gt-link ...] shortcode. You can check examples in Positioning tips section in GTranslate plugin settings page.

Thanks! 🙂

Thread Starter officegeorgeward
(@officegeorgeward)

4 months ago

Hi Edo,
It simply doesn’t work on the menus so now I am using shortcodes. I cannot see how to get the field to default to “Select Lanquage”. It always stays on “English”. Please help.
Thanks so much,”
George

Plugin Author edo888
(@edo888)

4 months ago

Hi,

I see the dropdown on top and it is mostly OK, except the colors. You can use the following CSS code: .gt_selector option {color:#000!important}

Currently we do not have option to show “Select Language”, it will default to current selected language.

Thanks! 🙂

Viewing 7 replies - 1 through 7 (of 7 total)

You must be logged in to reply to this topic.