Wie entferne ich den Text "Facebook Social Plugin"?
Ich benutze die Kommentare Facebook Social Plugin Als ich es eingebettet habe, hat das Skript einen iFrame mit dem Text "Facebook social plugin" mit dem Facebook-Logo am unteren Rand erstellt (wie in der Abbildung unten gezeigt).
Ich habe das Element mit Firebug untersucht und versucht, seine Klasse in meiner CSS-Datei auf display:none; zu setzen. Allerdings - das versteckt es nicht (ich vermute es liegt daran, dass es in seinem eigenen iFrame ist). Wie kann ich CSS oder jQuery (oder eine andere Methode) verwenden, um diesen Text zu deaktivieren?
Danke!
10 Antworten
Sie können nur die Optionen kontrollieren, die Ihnen der Plugin-Entwickler (hier Facebook) gegeben hat. Die meisten Plugin-Entwickler erlauben es nicht, ihren Code zu ändern und Facebook ist einer von ihnen. Ich schlage vor, Sie bleiben bei dem, was Facebook Ihnen bietet.
Lesen Sie Folgendes:
Ich bin auch auf dieses Problem gestoßen. Ich habe es behoben, indem ich die Höhe des iFrame mit einem Inline-Stil festgelegt und den Überlauf auf hidden gesetzt habe.
Beispiel: iframe ist 185px. Fügen Sie dies inline hinzu:
style="Überlauf: Versteckt; Höhe: 160px;"
Siehe das iframe-Beispiel in der Beschreibung der Methode .contents() .
Sie können einfach auf das DIV (oder was auch immer) zugreifen und das CSS dafür ändern oder auf andere Weise manipulieren.
Wenn du mit den Abmessungen der Box herumspielst, kannst du sie einfach verschwinden lassen, und du hast ihre Begriffe nicht einmal technisch gebrochen, weil du ihren Code nicht mit deinen eigenen Hacks verändert hast. =)
Beispiel:
Die Abmessungen sind 310x382. Sie können es immer noch sehen, wenn es nach oben zeigt, aber es ist im Wesentlichen so weit versteckt, dass jeder, der gerade über Ihre Seite schaut, es nicht wirklich bemerken wird. Und da die meisten Surfer dazu neigen, schneller zu lesen ...
Ich habe den folgenden Code verwendet, um es loszuwerden. Es scheint der aktuellste zu sein, der funktioniert. Ändern Sie einfach den unteren Rand nach Ihren Wünschen.
%Vor%Die anderen Lösungen haben den Nebeneffekt, dass sie die Dinge niederdrücken. Hier ist eine Less / Sass / SCSS-Lösung, die den Pulldown-Effekt berücksichtigt:
%Vor% Sie haben den iframe auf position: absolute gesetzt, vermutlich um die Wahrscheinlichkeit zu verringern, dass dies behoben wird. Das macht Top einfach zu setzen, und voila.
Sie setzen ihren iframe auch auf overflow: versteckt, damit Sie das mit einem kürzeren Stil angreifen können, wenn Sie möchten, und am Ende des Kommentarkastens mit einer größeren Lücke enden:
%Vor%Chomp.