Additional CSS for Flags and dropdown option

  • Resolved skadambari

    (@skadambari)


    4 years, 12 months ago

    I used gtranslate and it is definitely great!

    It is installed on our website now- https://www.molemaxsystems.com/

    As of now, I am using the ‘Dropdown’ option. I have added the below additional CSS to match the website’s look:
    select {
    color: #fff;
    background-color: #333;
    border: none;
    font-size: 12px;
    }

    I now want to use the ‘Flags and Dropdown’ option so that the language and flag is displayed side-by-side.
    I want to retain the same look I have achieved with the CSS for the ‘Dropdown’ option.

    Could you please advise what I could add to the Additional CSS to achieve the same look for ‘Flags and Dropdown’ option?

    Could you also advise the best practice so that it’s rendered okay across all devices and browsers?

    If possible, could you please explain how is the paid version better than the free one?

    Looking forward to your response. Thanks so much!

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author edo888

    (@edo888)

    4 years, 12 months ago

    Hi,

    You can use the same code obviously. You just need to remove extra line break in the Widget code section after image flags, so flags and dropdown are rendered side by side. Make sure you have enough space, so they can fit side by side.

    Using the default dropdown is known to have variations across different browsers, so if you want to have the same look across all devices you might want to use a selector without dropdown option or choose Nice Looking dropdown with flags option.

    Paid version allows the translations to be indexed by search engines, it creates a separate link for each language like example.com/es or es.example.com or you can have example.es if you wish. It also allows you to edit the translations. You can check more details on this page: https://gtranslate.io/#pricing and read the FAQ: https://gtranslate.io/#faq

    Thanks! 🙂

    Thread Starter skadambari

    (@skadambari)

    4 years, 11 months ago

    Thank you so much! I used the Nice drop-down with Flag option and it worked well on our wesbite.
    Thanks edo888!

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

The topic ‘Additional CSS for Flags and dropdown option’ is closed to new replies.