Hallo,
seit kurzem habe ich auf meiner Live-Seite folgendes Problem:
Beispiel hier https://www.ljrbw.de/ehrenamt
Unter Mitarbeit sollte der Link-Text "Jetzt mitmachen!" eigentlich als Button dargestellt werden, dafür habe ich folgendes CSS-Code hinterlegt:
Code:
.ljr-button a {
background-color: #f39212;
border: none;
color: #ffffff;
padding: .5em 1em;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 1.1rem;
margin: 2em .1em;
cursor: pointer;
-webkit-transition-duration: 0.4s; /* Safari */
transition-duration: 0.4s;
box-shadow: 0 5px 7px 0 rgba(0,0,0,0.24),0 8px 10px 0 rgba(0,0,0,0.19);
}
Aber wie man sieht, interessiert das die Frontend-Ausgabe wenig.
Noch kurioser: meine Klasse wird im Inspektor im umgebenden div-Element sogar angezeigt, nur beim Link selbst wird sie dann ignoriert als wäre keine Klasse vergeben.
Das Problem besteht auch, wenn ich inline Klassen vergebe, bei *fast* allen Contentelementen (also <a href="" class="">).
Auf meiner lokalen Test-Installation, die im Grunde nur eine Spiegelung meiner Live-Seite ist, besteht das Problem nicht
Kann mir jemand sagen, was das verursachen könnte? Ich bin mit meinem Standard-Latein am Ende.
Lesezeichen