Button Schriftart 
Autor: Bernd Jung
Visited 225,
Followers 1,
Udostępniony 0
Hallo, wünschenswert wäre noch, dass man bei der Einstellung "Buttons" die Schriftart verändern könnte.
Posted on the
Den Button kann man eigentlich schon überall wo einer auftaucht (beim Shop, beim Email Formular....) schon extra einstellen. Es gibt nur mehr wenige Buttons wo es den generellen Style bei Stile nimmt. Und meistens wird der generelle Font genommen.
Autor
Gerade aber da wo ich es benötige würde "Geschützter Zugang" ist es leider nicht möglich.
Wäre in dem Fall nur eine Zeile Code!
Autor
Da muss ich mich wahrscheinlich noch reinlesen. Wo könnte man denn beim "Geschützer Zugang" den Code verändern?
Mit CSS-Code und font-family kann man die Schriftart und mit font-size die Schriftgröße ändern.
Den CSS-Code habe ich vorher getestet mit dem Entwicklerwerkzeug von Firefox (Rechtsklick auf die betreffende Stelle im Browser und "Untersuchen" auswählen - siehe Screenshot 2) und daraus habe ich dann diesen Beispiel CSS-Code ermittelt.
Eingefügt habe ich den CSS-Code in WebSite X5 hier, siehe Screenshot 1
Testseite >> https://findelinks.de/123shop-hosteurope/index.html (grüner Button "Anmelden")
----- CSS-Code -----
#imPage input[type="button"] {
font-size: 24px;
font-family: impact;
}
----- Screenshot 1 -----
----- Screenshot 2 -----
Mit dem CSS-Code werden auch die Buttons im Shopbereich geändert, siehe Screenshot
Falls das nicht so sein soll, dann müssten evtl. die CSS-Experten den Code anpassen.
-----
Autor
Vielen Dank für die Hilfe.
Autor
Ich habe den Code eingefügt. Leider funktioniert es bei mir noch nicht. Der Code wird oben angezeigt. Ich mache hier etwas falsch. Wenn ich dann <style> vorher noch eingebe - bleibt die Seite komplett weiss.
Hier mal der komplette CSS-Code, ich habe ihn aus meinem Projekt kopiert.
<style>
#imPage input[type="button"] {
font-size: 24px;
font-family: impact;
}
</style>
Wenn er so eingefügt wird wie auf dem Screenshot unten, dann müsste er funktionieren.
Vom darüber stehenden Cookiebot-Code nicht irritieren lassen.
-----
Autor
Es funktioniert jetzt so. Ich habe die Schriftart Quicksand statt Impact eingefügt - auch dies funktioniert. Jetzt noch eine Kleinigkeit - bekommt man die Schrift dann auch noch "fett"? Dann wäre es perfekt.
Das geht mit ...
font-weight: bold;
oder wenn es genauer eingestellt werden soll, dann mit
font-weight: 800;
... und für weitere Infos zu "font-weight" - siehe
>> https://www.mediaevent.de/css/font-weight.html
Autor
Vielen Dank für die super Unterstützung.
Autor
Eine Frage noch zur Verständnis. Die gewünschte Schriftart ist nun installiert. Wenn man auf die Seite geht, dann kommt für eine Sekunde noch die voreingestellte Schriftart und dann wechselt es auf den Code. Hat man diese kurze Verzögerung immer?
Die CSS-Angaben von WebSite X5 haben im Browser wohl Vorrang vor dem eigenen CSS-Code.
Selbst wenn der CSS-Code mit "!important" (Wichtig, nicht überschreiben) versehen und vor den CSS-Code von WebSite X5 gesetzt, wird der CSS-Code von WebSite X5 zuerst ausgeführt.
Vielleicht haben die CSS-Experten eine Erklärung und evtl. eine Lösung dafür.
-----
Falls mein (erfolgloser) Versuch selber getestet werden soll - hier meine Anleitung:
Den CSS-Code etwas ändern, also !important hinzufügen ...
<style>
#imPage input[type="button"] {
font-size: 24px !important;
font-family: Lucida Console !important;
font-weight: bold !important;
}
</style>
... und den bisherigen CSS-Code bei ...
Vor dem </HEAD> Tag
... entfernen und stattdessen bei ...
Nach dem <HEAD> Tag
... einfügen.
Autor
Ist es möglich, dass man die Schriftart bzw. Farben in den "Sprachen" - nicht in den Formularen - verändern kann? Ich möchte wie auf dem Bild "Bitte neues Passwort eingeben" weiter nach rechts rücken und auch fett gestalten.
HAst du die Seite schon Online? Dann könnten wir sehen welchen Code du einfügen müsstest.
Bei Sprachen kann man die Texte formatieren, siehe Formatierbeispiele
<u>Unterstrichen</u>
<b>Fett</b>
<center> Zentriert </center>
Im Beispiel (siehe Screenshot unten) war es bereits fett. Ich habe für den Test bei "Sprache" noch zusätzlich die Formatierung für unterstrichen und zentriert hinzugefügt - es funktioniert.
.
----- WebSite X5 -----
1 Einstellungen > Allgemeine Informationen
.
----- Webseite mit Änderung -----
So hat es vorher ausgesehen und nach dem Test sieht es auch wieder so aus.
Die Änderung sieht man im Post darüber, wenn man auf MEHR LESEN klickt.
-----
Das geht auch mit Farbe, im Beispiel rote Schriftfarbe
<font color = red>rot</font>
Und hier eine Farbtabelle mit den englischen Farbnamen zur einfacheren Auswahl, siehe
>> https://bfw.ac.at/020/farbtabelle.html
.
-----Im Sprachenzentrum von WebSite X5 -----
.
----- Auf der Webseite -----
Autor
Vielen Dank - hat auch bei mir funktioniert. Generell wäre es aber wünschenswert, dass man das im Programm selber machen könnte. Vielleicht gibt es ja das einmal bei den nächsten Updates. ;-)
Autor
Jetzt noch eine Kleinigkeit. Was müsste ich denn eingeben, dass das grüne Feld in einer anderen Farbe erscheint? Schrift ist rot und jetzt noch den Hintergrund verändern.
Im Sprachenzentrum habe ich lieder nur diesen Eintrag gefunden:
Ihr Antrag auf die Passwortzurücksetzung ist leider abgelaufen.
Dann müsste man einen Link zur entsprechende Seite haben, um per Browser und dem "Werkzeug für Web-Entwicklung" zu testen, ob man mit CSS-Code etwas machen kann.
Möglicherweise ist es eine Javascript-Meldung, dann wären die Javascript-Experten gefragt.