2014-09-19 4 views
0

Je suis actuellement utiliser Google Translator fiche pour mon siteComment désactiver le plug-in google translator et définir margin-top: à 0px pour l'élément body?

Je alaready

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

propriété CSS désactiver Google translate barre sur le dessus.

Mais Google Translator a mis margin-top: 40px à corps html tage comme ci-dessous le code

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

Alors mon site ont 40px de marge qui font que mon site ne va pas avec ma mise en page par défaut.

Please Comment puis-je définir CSS ou Javascript pour modifier ma marge supérieure à 0px;

S'il vous plaît aider

Répondre

3

Essayez body{top:0 !important;} dans votre css

+0

Merci maintenant il a été fait et je peux personnaliser avec l'icône et d'autres mise en page – hengsopheak

0

Si quelqu'un veut le faire par javascript, ajouter cet extrait à document.ready

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

Comment ça marche?: Google charge la barre d'outils sur un iframe dont le nom de classe est 'goog-te-b anner-frame skiptranslate 'et ajouter une marge de 40px au sommet du corps html. Nous cachons donc ce cadre et définissons la marge du corps à '0px'.

Remarque: Se référer aux exigences d'attribution par google https://cloud.google.com/translate/attribution

Questions connexes