Schriftart in den Shop einbinden Anleitung

Thema wurde von michael_76, 6. Januar 2018 erstellt.

  1. Anonymous
    Anonymous Erfahrener Benutzer
    Registriert seit:
    26. November 2015
    Beiträge:
    2.514
    Danke erhalten:
    416
    Danke vergeben:
    1.239
    Code:
    h2 {
        margin-bottom:  5px;
     
        }
    Eine Frage, das verändert nur den Zeilenabstand zwischen der Überschrift und dem drunterliegenden Text. Womit ändere ich denn den Abstand über der Überschrift nach oben? Ist es dann das padding-bottom?
     
  2. Anonymous
    Anonymous Erfahrener Benutzer
    Registriert seit:
    26. November 2015
    Beiträge:
    2.514
    Danke erhalten:
    416
    Danke vergeben:
    1.239
    Es hat jetzt auf dem PC die richtige Schrift, sie wird aber nicht auf dem Handy dargestellt. Auf dem PC sowie auf dem Handy wird sie komplett Großgeschrieben dargestellt und auf Handy eben noch in Verdana oder so.
     
  3. barbara
    barbara G-WARD 2014-2020
    Registriert seit:
    14. August 2011
    Beiträge:
    35.657
    Danke erhalten:
    11.371
    Danke vergeben:
    1.616
    Auf dem Handy kann es am Cache liegen.
    Den Abstand nach oben regelst Du mit
    margin-top: ...px;


    Code:
    .table > thead > tr > th {
        text-transform: unset;
    }
    das hilft gegen die Großbuchstaben
     
  4. Anonymous
    Anonymous Erfahrener Benutzer
    Registriert seit:
    26. November 2015
    Beiträge:
    2.514
    Danke erhalten:
    416
    Danke vergeben:
    1.239
    Waaaaaaaaaaaahnsinn, ich freue mich riesig, einen dicken Dank an dich. Es ist nicht mehr mein sondern UNSER (Andreas, Barbara, dann kommt ne Weile gar nüscht und dann -> Momo) Projekt ;) ich knuddel dich. :)

    Am Cache liegt es leider nicht, hab ich schon mehrmals geleert.
     
  5. Anonymous
    Anonymous Erfahrener Benutzer
    Registriert seit:
    26. November 2015
    Beiträge:
    2.514
    Danke erhalten:
    416
    Danke vergeben:
    1.239
    Es sieht so aus, als wenn die Überschriften fest in der Tabelle stehen. Egal was ich ändere, auf dem Handy ändert es sich nicht. :(
     
  6. barbara
    barbara G-WARD 2014-2020
    Registriert seit:
    14. August 2011
    Beiträge:
    35.657
    Danke erhalten:
    11.371
    Danke vergeben:
    1.616
    Bei mir auf dem PC sind die Tabellen-Überschriften auch nicht geändert und immer noch in Großbuchstaben.

    Versuche es mal mit
    Code:
    .table > thead > tr > th {
        text-transform: unset;
        font-size: ...px;
        font-family: brouet;
    }
     
  7. Anonymous
    Anonymous Erfahrener Benutzer
    Registriert seit:
    26. November 2015
    Beiträge:
    2.514
    Danke erhalten:
    416
    Danke vergeben:
    1.239
    Auf dem PC klappts, auf dem Handy wird das unset wohl nicht verstanden. Ich habe jetzt herausgefunden, dass das Handy H5 und H6 nicht versteht. Wenn ich bis H4 gehe wird es übernommen. Nur eben nicht unset
     
  8. barbara
    barbara G-WARD 2014-2020
    Registriert seit:
    14. August 2011
    Beiträge:
    35.657
    Danke erhalten:
    11.371
    Danke vergeben:
    1.616
    das "unset" gehört nicht zur h5, sondern zu dem Tabellen-Code.

    versuche mal bitte den Code von oben, vielleicht geht es damit
     
  9. Anonymous
    Anonymous Erfahrener Benutzer
    Registriert seit:
    26. November 2015
    Beiträge:
    2.514
    Danke erhalten:
    416
    Danke vergeben:
    1.239
    Hab ich jetzt drin, wird genauso am PC bei mir angezeigt, wie der vorher. Du müsstest mal schauen, weil du ja sagtest bei dir wurde das nicht angezeigt.
     
  10. Anonymous
    Anonymous Erfahrener Benutzer
    Registriert seit:
    26. November 2015
    Beiträge:
    2.514
    Danke erhalten:
    416
    Danke vergeben:
    1.239
    Das meine ich auch nicht mit dem H5. H5 wird generell bei mir auf dem Handy nicht angezeigt. Geht nur bis H4. Wenn du H5 zuweist und dann eine Änderung im Styleedit machst, kannst du das zwar am PC sehen aber auf dem Handy ändert sich nichts. Wenn ich hingegen H4 zuweise und was ändere kann man es sofort auf dem Handy sehen (Android)
     
  11. Anonymous
    Anonymous Erfahrener Benutzer
    Registriert seit:
    26. November 2015
    Beiträge:
    2.514
    Danke erhalten:
    416
    Danke vergeben:
    1.239
    Könnte die Darstellung in Großbuchstaben mit einer Programmierung im Shop zutun haben? Weil "in den Warenkorb" und "Kundenmeinungen" oben im Menü rechts auch in Großbuchstaben erscheinen.
     
  12. barbara
    barbara G-WARD 2014-2020
    Registriert seit:
    14. August 2011
    Beiträge:
    35.657
    Danke erhalten:
    11.371
    Danke vergeben:
    1.616
    jetzt ist die Tabelle bei mir auch in der Schrift.
    Auf meinem Tablet ist die Tabellen-Überschrift genau wie im Shop, in der Handschrift und mit Kleinbuchstaben
    Nur der Titel ist hier noch anders, der ist aber auch keine normale Überschrift.

    das wäre der Code:
    Code:
    .product-info .product-info-title-mobile > span {
        color: #472225;
        font-size: 45px;
        font-family: brouet;
        font-weight: 700;
    }
     
  13. Anonymous
    Anonymous Erfahrener Benutzer
    Registriert seit:
    26. November 2015
    Beiträge:
    2.514
    Danke erhalten:
    416
    Danke vergeben:
    1.239
    Hab ich eingefügt. Wird leider bei mir auf dem Handy immer noch in einer anderen Schriftart dargestellt. :( Das ist aber ganz schön kompliziert...schwitz
     
  14. Anonymous
    Anonymous Erfahrener Benutzer
    Registriert seit:
    26. November 2015
    Beiträge:
    2.514
    Danke erhalten:
    416
    Danke vergeben:
    1.239
    Heeeeey, jetzt werden die Tabellenüberschriften auf dem Handy korrekt angezeigt... Daaaaaaaaaaaaaaaaaaaanke :)
     
  15. Oh je, das es nun so eine große Diskusion hier wird hätte Ich nicht gedacht. Es war eigentlich nur mal so ein Denkanstoß !
    Es wäre doch toll wenn man das Im SE direkt per Dropdown einbinden könnte. Da ja nicht jeder mit CSS zurecht kommt wäre das doch eine gute Lösung. Ich werde mich die Tage mal ans Werk machen.
     
  16. Anonymous
    Anonymous Erfahrener Benutzer
    Registriert seit:
    26. November 2015
    Beiträge:
    2.514
    Danke erhalten:
    416
    Danke vergeben:
    1.239
    Eine große Diskussion mit bahnbrechendem Erfolg, dank @Andreas S. und @barbara :) meine neue Schrift bereitet mir immer noch riesige Freude und ich kann mich kaum halten vor lauter Freude. Vielen Dank, lieber Michael. Du hast mit diesem Post meinem Shop ein ganz neues Kleidchen verpasst :) Danke dafür :) Du bist rechtherzlich eingeladen, dir einen kleinen Eindruck zu verschaffen unter: (Link nur für registrierte Nutzer sichtbar.) :)
     
  17. Anonymous
    Anonymous Erfahrener Benutzer
    Registriert seit:
    26. November 2015
    Beiträge:
    2.514
    Danke erhalten:
    416
    Danke vergeben:
    1.239
    Seit gestern ist ja die neue Schrift bei mir im Shop. Eben sehe ich in Who is online das:

    templates.JPG

    Was hat das denn zu bedeuten? Bin etwas verwirrt o_O
     
  18. Anonymous
    Anonymous Erfahrener Benutzer
    Registriert seit:
    26. November 2015
    Beiträge:
    2.514
    Danke erhalten:
    416
    Danke vergeben:
    1.239
    Hallo Ihr Lieben,
    auf der Login-Seite sieht meine neue Schrift noch sehr bescheiden aus. Die Schrift steht auch wieder in Großbuchstaben da. Hat jemand vielleicht eine Idee wie ich das abstellen könnte?

    login.JPG

    Lieben Dank
    Momo
     
  19. Anonymous
    Anonymous Erfahrener Benutzer
    Registriert seit:
    25. Oktober 2017
    Beiträge:
    406
    Danke erhalten:
    137
    Danke vergeben:
    81
    Mach doch einfach mal die zeile bei h4 rein.

    Code:
    h4 {
       text-transform: none !important;
    }
     
  20. Anonymous
    Anonymous Erfahrener Benutzer
    Registriert seit:
    26. November 2015
    Beiträge:
    2.514
    Danke erhalten:
    416
    Danke vergeben:
    1.239
    Das hat sehr gut funktioniert, vielen Dank. Jetzt ist die Schrift aber sehr sehr klein. Wenn ich nun bei H4 die Schriftgröße erhöhe, passiert leider nichts. Woran kann das denn nun schon wieder liegen? Gambio ist für mich immer noch ein großes Rätsel ;)

    kl.JPG