per CSS Link-Formatierung in den Shariff-Buttons unterdrücken

Feli · 29. März 2018

Hallo zusammen,

ich verwende das Plugin MyShariff zur Social-Media-Teilung in bzw. unter meinen Artikeln.
In meinem Template ist vorgegeben, dass die Links im Content unterstrichen dargestellt werden. Das Problem ist nun, dass die Verlinkungen in den Shariff-Buttons ebenfalls unterstrichen dargestell werden.
Ich hab es geschafft, die Größe der Buttons über die Custom-CSS anzupassen. Aber alle Versuche, die Linkunterstreichung in den Buttons zu unterbinden, schlugen leider fehl. Kann mir jemand auf die Sprünge helfen, wie der Code lauten müsste?

Gruß, Feli

christine2 · 29. März 2018

Hallo Feli,

in Ermangelung eines Links von Dir bzw. eines Musters, musst halt selber schauen.
Schöner screenshot, den können wir aber nicht untersuchen

Wenn Du die Größe der buttons geschafft hast, schaffst auch die Unterstreichung.

text-decoration: none;

Liebe Grüße

Christine

Indigo66 · 30. März 2018

Ich verwende das Plugin. Von daher sollte die CSS-Anweisung von Christine

Code

.shariff-button a {
    text-decoration: none;
}

passen, wenn Du es an Ende Deine CSS-Datei fürs Template schreibst.

christine2 · 30. März 2018

Hallo Tom,

OT (oder auch nicht). Hatte gestern nach meinem obigen Beitrag noch ein "Muster" gefunden, und zwar in einem anderen Thread. Da sah ich so ähnlich wie: .shariff li a {xxxx}

Ging auf: "Bearbeiten". System ließ es zu. Dann kam das "es gibt ältere Versionen". Klickte drauf: OK. Sah es ..... aber dann: "..... keine Berechtigungen ...."

Nun ja, war wohl in der 16. Minute

Danke für Deine Ergänzung

Liebe Grüße

Christine

Indigo66 · 30. März 2018

Zitat von christine2

Nun ja, war wohl in der 16. Minute

So hast Du mir Möglichkeit gegeben auch zu antworten

Feli · 27. April 2018

Ich muss mich erst einmal entschuldigen, nicht geantwortet zu haben, aber ich habe keine Mitteilung erhalten, dass jemand auf meine Frage geantwortet hat. Habe es jetzt gerade zufällig entdeckt. Daher zunächst einmal vielen Dank für Eure Antworten!!

text-decoration: none; hatte ich bereits eingetragen (wenngleich auch nicht mit dem Zusatz Button). Aber es half nichts. Nun habe ich es noch einmal genau so eingetragen, wie es oben geschrieben steht. Hilft aber leider auch nicht.

Liebe Grüße
Feli

time4mambo · 27. April 2018

Ohne Link haben wir kaum eine Chance zu helfen. Auch wenn Tom es selber benutzt, ist es beinahe unmöglich!

Axel

Feli · 27. April 2018

http://www.cat-care.de

anka · 28. April 2018

Versuche es mal damit im custom.css:

Code

.art-postcontent .shariff-button a,
.art-postcontent .shariff-button a:link{
    text-decoration: none;
}

Feli · 2. Mai 2018

Zitat von anka

.art-postcontent .shariff-button a,
.art-postcontent .shariff-button a:link{
text-decoration: none;
}

Anka, Du bist genial!!!! Das war die Lösung.
Vielen herzlichen Dank! Das hätte ich nie allein hinbekommen!

Liebe Grüße
Feli

Tags