Как стилизовать под себя GTranslate dropdown?

Question

[luxurypluxury]

Использую плагин GTranslate для перевода на другие языки, проблема в том что когда я беру исходный код дропдауна сгенерированного плагином и пытаюсь подставить элементы дропдауна в свой кастомный дропдаун который сделан через nice-select библиотеку, он отказывается напрочь работать, может я что-то не так делаю.

Код дропдауна сгенерированный плагином:

<div class="gtranslate_wrapper gt_container--fgkql4" id="gt-wrapper-41379844"><!-- GTranslate: https://gtranslate.com --><select class="gt_selector notranslate" aria-label="Select Language"><option value="">Select Language</option><option value="uk|en" data-gt-href="#" selected="">English</option><option value="uk|uk" data-gt-href="#">Ukrainian</option></select><div id="google_translate_element2"><div class="skiptranslate goog-te-gadget" dir="ltr" style=""><div id=":0.targetLanguage"></div>Технологии <span style="white-space:nowrap"><a class="VIpgJd-ZVi9od-l4eHX-hSRGPd" href="https://translate.google.com" target="_blank"><img src="https://www.gstatic.com/images/branding/googlelogo/1x/googlelogo_color_42x16dp.png" width="37px" height="14px" style="padding-right: 3px" alt="Google Переводчик">Переводчик</a></span></div></div></div>

Вот изменённый код:

<div class="gtranslate_wrapper gt_container--fgkql4" id="gt-wrapper-41379844">
						<div id="google_translate_element2">
							<div class="skiptranslate goog-te-gadget" dir="ltr" style="">
								<div id=":0.targetLanguage"></div>Технологии <span style="white-space:nowrap"><a
										class="VIpgJd-ZVi9od-l4eHX-hSRGPd" href="https://translate.google.com"
										target="_blank"><img
											src="https://www.gstatic.com/images/branding/googlelogo/1x/googlelogo_color_42x16dp.png"
											width="37px" height="14px" style="padding-right: 3px"
											alt="Google Переводчик">Переводчик</a></span>
							</div>
						</div>
						<select class="dropdown dropdown-lang gt_selector notranslate" aria-label="Select Language">
							<option value="uk|uk" data-gt-href="#" selected="">Ukrainian</option>
							<option value="uk|en" data-gt-href="#">English</option>
						</select>
					</div>

Answer 1

[UthvfyV]

и не будет работать. Потому что основной div GTranslate , только почему ... element2, обычно id="google_translate_element", находится внутри . В стилях и скрипте gtranslate указан путь, к примеру .site или body #google_translate_element, то если стоит припятствие типа gtranslate_wrapper то такого в настройках gtranslate нет, посему ничего отображается не будет, он не напрочь отказывается работать, а просто его вообще фактически нет. Поэтому не испытывайте судьбу а напрямую поставьте gtranslate без всяких nice-select. Если в он должен быть в хидере, в header.php вставьте <?php echo do_shortcode('[gtranslate]'); ?>. Все дела.