Darstellungsprobleme

  • Hallo liebe Leute :),

    Ich bin noch absolut neu was das Thema Wordpress angeht. Ich beschäftige mich jetzt seit kurzer Zeit damit und habe mir für meinen Blog ein Theme gekauft, nach ein bisschen rumprobieren habe ich nun folgendes Problem:

    Im IE wenn ich als Admin eingeloggt bin und mir das Design anschaue, sieht alles wie gewollt aus. Wenn ich jedoch Google Chrome öffne sind einige Designanpassungen wie rückgängig gemacht bzw. gar nicht berücksichtigt worden, gerade wenn man das Fenster in die mobile Ansicht verkleinert.

    Dazu ein Bild:



    Ich bin inzwischen Ratlos was ich da tun kann. Hoffe ihr könnt mir weiterhelfen. Mein verwendetes Theme: journey von Indieground.

    Für Ratschläge schon jetzt vielen Dank :D.

    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

  • Die Icons / Glycons - haben die ein Webkit bzw. Du benutzt font-awesome und bootstrap. Sind denn die Fonts auch alle im Ordner dabei? Richtig verlinkt? Auf dem Bild werden die nicht richtig angezeigt, meist liegt der Fehler an der Fehlenden Datei bzw. Verlinkung.

    Abgesehen davon sind alle Browser unterschiedlich. Ich gehe davon aus, dass dein Template nicht richtig erstellt worden ist. Manche Codes gehen z.B. beim IE nicht, welche aber beim Firefox gehen. Nachprüfen kannst du dass unter: http://caniuse.com/
    Du kannst den Code auch auf http://pleeease.io/play/ ergänzen lassen und hoffen, dass die fehlenden Codes ergänzt werden.

    Wenn du also nicht selbst irgendwas verstellt oder falsch hochgeladen hast, würde ich mich beim Verkäufer melden. Der soll den Fehler beheben und den Code ergänzen bzw. die fehlenden Datein nachreichen. Du hast dafür bezahlt, also würde ich keine "Werksfehler" selbst versuchen zu beheben.

  • Für Ratschläge schon jetzt vielen Dank :D.

    Füge folgende CSS Regel ein:

    CSS
    body {
    -webkit-font-variant-ligatures: no-common-ligatures !important;
    font-variant-ligatures: no-common-ligatures !important;
    }

    WordPress ist "frei" wie in Freiheit es zu nutzen, aber nicht im Sinne von Freibier. Wer also glaubt man bekommt rund um WordPress alles kostenlos, der irrt. Hilfe ist ein Geschenk für das man sich bedankt, dafür gibt es den 'Gefällt mir' Button. Wer das nicht kann und sich selbst nicht zu helfen weiss, muss sich bezahlte Unterstützung suchen.

  • Danke für eure Antworten dazu habe ich nochmal einige Fragen:


    Zitat

    [COLOR=#333333]Sind denn die Fonts auch alle im Ordner dabei? Richtig verlinkt? Auf dem Bild werden die nicht richtig angezeigt, meist liegt der Fehler an der Fehlenden Datei bzw. Verlinkung.[/COLOR]

    Wo kann ich denn überprüfen ob sie richtig verlinkt worden sind ?

    Zitat

    [COLOR=#333333]Füge folgende CSS Regel ein:[/COLOR]

    Wenn ich bei custom CSS die Regel eingebe sagt er folgenden Fehler:

    Zeile 2: use of !important
    Zeile 3: unkown property 'font-variant-ligatures' use of !important

    hoffe ihr könnt mich da noch etwas weiterleiten ;). Parallel wende ich mich mal an den Verkäufer.


  • Wenn ich bei custom CSS die Regel eingebe sagt er folgenden Fehler:

    Zeile 2: use of !important
    Zeile 3: unkown property 'font-variant-ligatures' use of !important

    Dann ist das Custom CSS defekt. Erstelle ein Child Theme und füge die Regel dort in die style.ccs ein

    WordPress ist "frei" wie in Freiheit es zu nutzen, aber nicht im Sinne von Freibier. Wer also glaubt man bekommt rund um WordPress alles kostenlos, der irrt. Hilfe ist ein Geschenk für das man sich bedankt, dafür gibt es den 'Gefällt mir' Button. Wer das nicht kann und sich selbst nicht zu helfen weiss, muss sich bezahlte Unterstützung suchen.

  • Ok werde es gleich ausprobieren. In der Style.css ist aktuell folgendes eingetragen:

    body {
    margin: 0;
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    overflow-x: hidden !important;
    -webkit-font-smoothing: antialiased;


    }

    muss ich dann deinen Code nur hinzufügen oder im alten noch was entfernen ?

  • muss ich dann deinen Code nur hinzufügen oder im alten noch was entfernen ?

    Das Original (der Parent) bleibt immer unangetastet. Im Childtheme werden nur Änderungen verankert.

    WordPress ist "frei" wie in Freiheit es zu nutzen, aber nicht im Sinne von Freibier. Wer also glaubt man bekommt rund um WordPress alles kostenlos, der irrt. Hilfe ist ein Geschenk für das man sich bedankt, dafür gibt es den 'Gefällt mir' Button. Wer das nicht kann und sich selbst nicht zu helfen weiss, muss sich bezahlte Unterstützung suchen.

  • Zitat

    [COLOR=#333333]Das Original (der Parent) bleibt immer unangetastet. Im Childtheme werden nur Änderungen verankert.[/COLOR]

    Ok das ist mir bewusst. Ich habe das childtheme nun erstellt und in der style.css nur den Code eingefügt den du mir geschickt hast. Oder muss ich die Style.css aus dem parent kopieren und dann einfügen ?

    Geändert hat sich bis jetzt noch nichts.

  • Oder muss ich die Style.css aus dem parent kopieren und dann einfügen ?

    Ich hatte bereits geschrieben, dass in das Childtheme nur Änderungen eingefügt werden. Und Du hast gesagt, das sei Dir bekannt. Wie muss ich also diese Frage verstehen? Nein - nochmal nur Änderungen kommen in das Childtheme. Wenn die Regel nichts bringt, es ist ja nur eine Vermutung weil es keinen Link zur Seite gibt und auf dem Bild eine Ligatur zu sehen ist, liegt das Problem entweder woanders, das Childtheme wurde falsch angelegt oder, oder, oder .... Poste einen Link zur Seite und die aktiven User im Forum werden Dir in kürzester Zeit die Lösung nennen.

    WordPress ist "frei" wie in Freiheit es zu nutzen, aber nicht im Sinne von Freibier. Wer also glaubt man bekommt rund um WordPress alles kostenlos, der irrt. Hilfe ist ein Geschenk für das man sich bedankt, dafür gibt es den 'Gefällt mir' Button. Wer das nicht kann und sich selbst nicht zu helfen weiss, muss sich bezahlte Unterstützung suchen.

  • Und wo ist das Problem?

    WordPress ist "frei" wie in Freiheit es zu nutzen, aber nicht im Sinne von Freibier. Wer also glaubt man bekommt rund um WordPress alles kostenlos, der irrt. Hilfe ist ein Geschenk für das man sich bedankt, dafür gibt es den 'Gefällt mir' Button. Wer das nicht kann und sich selbst nicht zu helfen weiss, muss sich bezahlte Unterstützung suchen.

  • Darf ich fragen mit welchem Browser du es dir angeschaut hast? Wenn ich es mir mit meinem Handy anschaue dann seh ich im Header nur ein X wo das Menü sein sollte. Am Rechner mit dem IE ist die Leiste nur schwarz.

    Sehr merkwürdig.

    Edit: Hab es mal bei mir auf dem Ipad angeschaut, dort ist alles perfekt auch die social sharebar

    Einmal editiert, zuletzt von OneTry (10. November 2016 um 11:46)

  • Google Chrome. Hohl Dir einen Account bei https://saucelabs.com/ oder https://www.browserstack.com/. Dort kannst Du so ziemlich jedes Endgerät und jeden Browser testen.

    WordPress ist "frei" wie in Freiheit es zu nutzen, aber nicht im Sinne von Freibier. Wer also glaubt man bekommt rund um WordPress alles kostenlos, der irrt. Hilfe ist ein Geschenk für das man sich bedankt, dafür gibt es den 'Gefällt mir' Button. Wer das nicht kann und sich selbst nicht zu helfen weiss, muss sich bezahlte Unterstützung suchen.

  • du hast sicherlich mal das www. umgestellt:

    Zitat

    Access to Font at 'http://kleinkapital.de/wp-content/plu…t.woff2?v=4.6.3' from origin 'http://kleinkapital.de' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://www.kleinkapital.de' is therefore not allowed access.

    [size=10]Bitte immer zuerst die Forensuche nutzen und erst danach Deine Fragen hier im Forum stellen, denn sehr vieles wurde schon mehrfach beantwortet. Bitte dabei auch die Forenregeln beachten.
    Kein Support per PN - Fragen gehören ins Forum.[/SIZE]
    [size=8]Wenn du eine weise Antwort verlangst, musst du vernünftig fragen. (Johann Wolfgang von Goethe)[/SIZE]

  • Zitat

    [COLOR=#333333]du hast sicherlich mal das www. umgestellt:[/COLOR]

    tatsächlich es lag genau daran.

    Vielen dank an euch alle und sorry mensmaximus für zwischenzeitliche Missverständnisse :p.

    Hab es nun in Wordpress wieder auf http://www.kleinkapital.de umgestellt und im Chrome Browser auf dem PC scheint es zu funktionieren, auf dem Handy bleibt es bei mir jedoch unverändert. Och mensch zu früh gefreut.

    Einmal editiert, zuletzt von OneTry (10. November 2016 um 12:15)

  • Cache-Plugin? Browser-Cache?

    [size=10]Bitte immer zuerst die Forensuche nutzen und erst danach Deine Fragen hier im Forum stellen, denn sehr vieles wurde schon mehrfach beantwortet. Bitte dabei auch die Forenregeln beachten.
    Kein Support per PN - Fragen gehören ins Forum.[/SIZE]
    [size=8]Wenn du eine weise Antwort verlangst, musst du vernünftig fragen. (Johann Wolfgang von Goethe)[/SIZE]

  • Hab die Cache schon geleert, merkwürdigerweise logge ich mich als Admin ein und speichere in den Einstellungen das die URL wieder http://www.kleinkapital.de ist und dann geht es im Browser. Schließe ich den browser wieder und öffne direkt die Internetseite geht es wieder nicht.

  • Cachify ??

    [size=10]Bitte immer zuerst die Forensuche nutzen und erst danach Deine Fragen hier im Forum stellen, denn sehr vieles wurde schon mehrfach beantwortet. Bitte dabei auch die Forenregeln beachten.
    Kein Support per PN - Fragen gehören ins Forum.[/SIZE]
    [size=8]Wenn du eine weise Antwort verlangst, musst du vernünftig fragen. (Johann Wolfgang von Goethe)[/SIZE]

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!