Wie Button erstellen?
Eingetragen von garf (10)am 29.08.2023 - 23:18 Uhr in
Hallo,
wie wird in Drupal Buttons erstellt? Ich habe im CKeditor Stile hinzugefügt, Bei Stil-Auswahl habe ich folgendes eingetragen: a.btn.btn-cta|Buttonlink CTA. Es wird allerdings nur ein normaler Link angezeigt und kein Button.
Bei Additional CSS Code steht:
*Styles applied to all link buttons*/
.btn {
display: inline-block;
text-align: center;
white-space: nowrap;
vertical-align: middle;
cursor: pointer;
user-select: none;
border: 0 solid transparent;
transition: all 0.2s ease-out;
padding: 0.5rem 1rem;
font-size: 1rem;
font-weight: 400;
letter-spacing: 0.05rem;
color: #000;
background-color: ##feb849;
}
/*Styles applied to override colors*/
.btn-cta {
color: #000;
background-color: ##feb849;
}Der Button sollte zentriert sein.
Beim Link setzen wird mir nur URL angezeigt, Advanced mit Class, usw. fehlt komplett. Daher funktioniert diese Methode nicht.
- Anmelden oder Registrieren um Kommentare zu schreiben
Mit sticht das hier ins
am 13.09.2023 - 07:55 Uhr
Mit sticht das hier ins auge:
background-color: ##feb849;
Darf nur eine Raute sein.
Vielleicht löst das das Problem? ;-)
LG Regina Oswald
-------------------------
Montviso - Internetdienstleistungen
http://www.montviso.de
Danke
am 13.09.2023 - 09:17 Uhr
Danke für deinen Hinweis, der Fehler hat sich leider nur hier eingeschlichen und muss passiert sein, als ich die Farbe geändert habe.
Es wird leider immer nur ein Link und kein Button angezeigt.
Ok, war ein Versuch. ;-) Kann
am 13.09.2023 - 10:17 Uhr
Ok, war ein Versuch. ;-)
Kann man das ansehen?
Zur Frage, wie in Drupal Buttons erstellt werden, gibt es viele Antworten.
Kommt ja auch drauf an, welches Theme und welcher Anwendungsfall.
In dem Fall erzeugst Du ja einen normalen Link, der nur dank der Formatierung, wie ein Button aussieht.
Ein echter Button wäre Klick mich und müsste dann auch von einem a-Tag mit dem Linkziel eingefasst werden.
Da Du die Klasse btn verwendest, tippe ich auf Bootstrap als Theme.
Da werden aktuell Buttons so gebildet:
https://getbootstrap.com/docs/5.0/components/buttons/
Aber mit Deiner Methode im CKEditor ist es eben nur ein normaler Link, der wie ein Button aussehen KANN.
Wird die Hintergrundfarbe den angezeigt?
LG Regina Oswald
-------------------------
Montviso - Internetdienstleistungen
http://www.montviso.de