Как отключить подключаемый модуль переводчика Google и установить margin-top: на 0px для элемента body?

В настоящее время я использую подключаемый модуль Google Translator для своего веб-сайта.

у меня уже есть

    .goog-te-banner-frame{
    visibility:hidden !important;

Свойство CSS для отключения панели Google Translate вверху.

Но Google Translator установил margin-top: 40px для тега body html, как показано ниже.

  <body style="margin: 0px; padding: 0px; position: relative; min-height: 100%; top: 40px;">

Таким образом, мой веб-сайт имеет 40 пикселей верхнего поля, что делает мой веб-сайт неправильным с моим макетом по умолчанию.

Пожалуйста, как я могу настроить CSS или Javascript, чтобы изменить верхнее поле на 0px;

Пожалуйста помоги


css google-translate google-translator-toolkit
person hengsopheak    schedule 19.09.2014    source источник

Ответы (2)


arrow_upward
3
arrow_downward

Попробуйте body{top:0 !important;} в своем css

person tl1181231    schedule 19.09.2014
comment
Спасибо, теперь это было сделано, и я могу настроить значок и другой макет. - person hengsopheak; 19.09.2014

arrow_upward
0
arrow_downward

Если кто-то хочет сделать это с помощью javascript, добавьте этот фрагмент в document.ready.

var toolBar = document.getElementsByClassName('goog-te-banner-frame skiptranslate')[0];
if(toolBar !== undefined) {
    toolBar.style.display  = 'none';
    document.body.style.top = '0px';
}

Как это работает: Google загружает панель инструментов в iframe с именем класса 'goog-te-banner-frame skiptranslate' и добавляет поле в 40 пикселей вверху тела HTML. Поэтому мы скрываем эту рамку и устанавливаем поле тела равным «0px».

Примечание. См. требования атрибуции Google https://cloud.google.com/translate/attribution

person Sibin John Mattappallil    schedule 21.02.2017