Hi.
I pup the flags it the center at the bottom with this:
(After you have chosen the flags)
Go to: Plugins -> Google Website Translator -> Advanced
In the tab Custom CSS insert this:
#google_translate_element {
display: none;
}
#mega-menu-item-3851 .mega-menu-link {
visibility: hidden;
}
body .prisna-gwt-flags-container {
position:fixed; !important;
top:97%; !important;
right:35%; !important;
background: #000;
padding: 2px 2px 1px 2px !important;
z-index: 99999999;
}
.goog-te-banner-frame.skiptranslate {
display: none !important;
}
body {
top: 0px !important;
}
In Templates -> Flags container template:
<ul class="prisna-gwt-flags-container prisna-gwt-align-{{ align_mode }} notranslate">
{{ content }}
</ul>
In Templates -> Flag template:
<li class="prisna-gwt-flag-container prisna-gwt-language-{{ language_code }}">
<a href="javascript:;" onclick="PrisnaGWT.translate('{{ language_code }}'); return false;" title="{{ language_name }}"></a>
</li>
Now, to adjust the position and the flags background, you just need to change this:
body .prisna-gwt-flags-container {
position:fixed; !important;
top:97%; !important;
right:35%; !important;
background: #000;
padding: 2px 2px 1px 2px !important;
z-index: 99999999;
}
to what you want…
-
This reply was modified 7 years, 1 month ago by
Rui Freitas.