Social share buttons überall einfügen

Schau Dir den Thread und das erwähnte Plugin an: https://forum.joomla.de/thread/74-jooag-shariff-plugin-f%C3%BCr-joomla-3-4-tester-gesucht/

Hallo Waldi,

ja, in den Templateoptionen kannst du es nur in der Headerbar einstellen, was angezeigt werden soll. Oder halt Standard in Blog-Beiträgen. Xing ist übrigens nicht dabei.

Vielleicht wäre das hier eine Alternative.

Zitat von MBC Modell

aber ich dann weder die Größe der Button einstellen

Das geht einfach via CSS.

Zitat von MBC Modell

warum ich es gleich doppelt habe bei den einzelnen Blogeinträgen

Weil Du es vielleicht als Plugin und als Modul verwendest. Entscheide Dich für eine Variante. Aber vielleicht kann ufuk.avcu der Entwickler mahr dazu sagen oder Du antwortest in dem Thread den ich verlinkt habe.

Hallo Waldi,

na, ich versuchs mal. Du meinst aber die Breite Hätte das hier gefunden:

@media only screen and (min-width:768px) {

.shariff .orientation-horizontal li {

min-width:110px;

max-width:160px

}

ist in der Zeile 2362 in dieser CSS: http://www.poechhacker.net/med…sets/shariff.complete.css

weiß aber nicht, ob man dort was ändern kann bzw. darf/soll.

Würde obigen Code in die custom.css geben > die max-width ändern.

Liebe Grüße

Christine

Hallo Waldi,

nö, kannst dazu auch nichts finden - es sei denn, ich hab's wo übersehen.

Wie oben geschrieben, ist der Code eben in dieser ... /shariff.complete.css & wird als letztes geladen.

Falls Du die Breite in obgenannter CSS änderst, muss man damit rechnen, dass bei einem Update des shariff Plugins - diese überschrieben werden.

Daher: Obigen Code mit geänderter Breite (z.B. 100px) ans Ende der custom.css geben.

Kann aber sein, dass Du die Breite (leider) mit einem !important; ergänzen musst.

Zumindest ist das temporär bei mir so.

Liebe Grüße

Christine

Hallo,

im obigen Code fehlt noch ein Semikolon hinter !important; und gleichzeitig eine gechlossenen Klammer }

Allerdings funktionierte es erst nach kompletten Einfügen des Codes an das Ende der custom.css:

@media only screen and (min-width:768px) {

.shariff .orientation-horizontal li {

min-width:110px;

max-width:160px!important;

}

.shariff .orientation-horizontal li .share_text {

text-indent:0;

display:inline

}

.shariff .orientation-horizontal.col-5 li,.shariff .orientation-horizontal.col-6 li {

-webkit-box-flex:1;

-ms-flex:1 0 auto;

flex:1 0 auto

}

}