Title: Additional CSS for Flags and dropdown option
Last modified: July 29, 2021

---

# Additional CSS for Flags and dropdown option

 *  Resolved [skadambari](https://wordpress.org/support/users/skadambari/)
 * (@skadambari)
 * [4 years, 12 months ago](https://wordpress.org/support/topic/additional-css-for-flags-and-dropdown-option/)
 * I used gtranslate and it is definitely great!
 * It is installed on our website now- [https://www.molemaxsystems.com/](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](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fadditional-css-for-flags-and-dropdown-option%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

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

 *  Plugin Author [edo888](https://wordpress.org/support/users/edo888/)
 * (@edo888)
 * [4 years, 12 months ago](https://wordpress.org/support/topic/additional-css-for-flags-and-dropdown-option/#post-14717157)
 * 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](https://gtranslate.io/#pricing)
   and read the FAQ: [https://gtranslate.io/#faq](https://gtranslate.io/#faq)
 * Thanks! 🙂
 *  Thread Starter [skadambari](https://wordpress.org/support/users/skadambari/)
 * (@skadambari)
 * [4 years, 11 months ago](https://wordpress.org/support/topic/additional-css-for-flags-and-dropdown-option/#post-14744547)
 * 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.

 * ![](https://ps.w.org/gtranslate/assets/icon-256x256.png?rev=2595917)
 * [Translate Wordpress with GTranslate](https://wordpress.org/plugins/gtranslate/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/gtranslate/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/gtranslate/)
 * [Active Topics](https://wordpress.org/support/plugin/gtranslate/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/gtranslate/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/gtranslate/reviews/)

 * 2 replies
 * 2 participants
 * Last reply from: [skadambari](https://wordpress.org/support/users/skadambari/)
 * Last activity: [4 years, 11 months ago](https://wordpress.org/support/topic/additional-css-for-flags-and-dropdown-option/#post-14744547)
 * Status: resolved