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.508
    Danke erhalten:
    414
    Danke vergeben:
    1.236
    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.508
    Danke erhalten:
    414
    Danke vergeben:
    1.236
    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.352
    Danke erhalten:
    11.198
    Danke vergeben:
    1.601
    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.508
    Danke erhalten:
    414
    Danke vergeben:
    1.236
    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.508
    Danke erhalten:
    414
    Danke vergeben:
    1.236
    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.352
    Danke erhalten:
    11.198
    Danke vergeben:
    1.601
    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.508
    Danke erhalten:
    414
    Danke vergeben:
    1.236
    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.352
    Danke erhalten:
    11.198
    Danke vergeben:
    1.601
    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.508
    Danke erhalten:
    414
    Danke vergeben:
    1.236
    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.508
    Danke erhalten:
    414
    Danke vergeben:
    1.236
    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.508
    Danke erhalten:
    414
    Danke vergeben:
    1.236
    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.352
    Danke erhalten:
    11.198
    Danke vergeben:
    1.601
    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.508
    Danke erhalten:
    414
    Danke vergeben:
    1.236
    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.508
    Danke erhalten:
    414
    Danke vergeben:
    1.236
    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.508
    Danke erhalten:
    414
    Danke vergeben:
    1.236
    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.508
    Danke erhalten:
    414
    Danke vergeben:
    1.236
    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.508
    Danke erhalten:
    414
    Danke vergeben:
    1.236
    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:
    136
    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.508
    Danke erhalten:
    414
    Danke vergeben:
    1.236
    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