Aantal likes Facebook Plugin

[The Frys]

Hallo Tweakers,

Ik zit even met een vraag waar ik zelf niet uit kom. Wij hebben op *snip* onze site een Woocommerce draaien met het Jetpack plugin. In de sidebar kan je zien hoeveel likes wij hebben. Graag wil ik dit weg hebben maar dat lukt helaas niet.

Ik heb in de costum css dit geprobeerd:

._1drm._1ds3 ._1drp, ._1drm._1ds3 ._1drq {font-size:0px;}

Dit heeft wel effect als ik het element ga inspecteren in de browser maar niet als ik de code opsla in de css.

Wie o wie kan mij helpen?

[ Voor 6% gewijzigd door RobIII op 27-10-2015 16:06 ]

[Raem]

Facebook heeft een eigen css file die aangeroepen wordt waar in staat:

Cascading Stylesheet:

._1dro ._1drq {
    color: #141823;
    font-size: 12px;
    line-height: 1.358;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

Jouw font-size wordt dus weer overschreven.

Je moet er dus voor zorgen dat jouw custom css de Facebook css overschrijft. En in plaats van de font-size op 0 te zetten kun je beter de display op none zetten.

[iivvvii]

Wordt dit ook niet gewoon via een iframe ingeladen, zodat het helemaal niet mogelijk is om via je eigen css files dingen aan te passen? Je zal dan echt naar de facebook api/ plugin instellingen moeten gaan kijken of dit mogelijk is.

[The Frys]

Raem schreef op dinsdag 27 oktober 2015 @ 15:59:
Facebook heeft een eigen css file die aangeroepen wordt waar in staat:

Cascading Stylesheet:

._1dro ._1drq {
    color: #141823;
    font-size: 12px;
    line-height: 1.358;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

Jouw font-size wordt dus weer overschreven.

Je moet er dus voor zorgen dat jouw custom css de Facebook css overschrijft. En in plaats van de font-size op 0 te zetten kun je beter de display op none zetten.

Blijkbaar overschrijft facebook weer mijn css.

Wat iivvvii zegt, ik zal dan toch naar de api moeten gaan kijken en het daarin aanpassen. Word een leuke uitdaging.

[TheNephilim]

Gewoon display: none; werkt niet? Dat zie ik niet terug in je stukje css van Facebook.

[Shivs]

Als je een !important toevoegt aan jouw eigen CSS regels werkt het mogelijk wel.

[Foamy]

Ik ken je site verder niet, maar ik gok dat er in je thema wat code zit wat die aantallen likes tevoorschijn tovert. Als je die eens verwijderd, is het dan wel goed?

[n8n]

Als je geen getal wilt zien, waarom dan een plug-in die weer zo 100kb op het gewicht van de pagina gooit. Maak er dan een ‘domme’ knop van, dat kost niks.