Support » Themes » Twenty Fourteen – Balken fehlt plötzlich

Ansicht von 15 Antworten - 1 bis 15 (von insgesamt 19)
  • Hallo!

    Du hast in der Datei style.css (Zeilen 1057-1064) für die Klasse .entry-header den ursprünglichen Wert
    max-width: 474px;
    abgeändert in
    max-width: 100%;
    Wenn du das wieder rückgängig machst, müsste es wieder so aussehen, wie du es wünschst.

    Thread-Starter medizintutorials

    (@medizintutorials)

    @flower33

    Stimmt. Danke. Du hast recht. Daran habe ich gar nicht mehr gedacht. 🙂

    Ich habe die Breite meiner Startseite vergrößern wollen, denn im Original sah alles ziemlich gequetscht aus. Das ist jetzt blöd. Wenn ich das rückgängig mache habe ich wieder das gleiche Problem wie am Anfang. :-/

    Gibt es eine Möglichkeit nur die Startseite zu verbreitern, ohne das Design der übrigen pages und post zu beeinflussen?

    Die Startseite sieht doch ganz anders aus? (Warum Medizintutorilas?)
    Die einzelnen Blogbeiträge finde ich persönlich (in der Originalbreite) nicht gequetscht.
    Bevor ich mir die Mühe mache, da zwecks Änderung nachzuschauen, erst mal die Frage, ob du jetzt bei Blogbeiträgen wie dem im Screenshot zu sehenden die „Balken“, wie du es nennst, lieber auf beiden Seiten weghaben willst, sodass der Textbeitrag etwas breiter wird.

    OK, ich weiß jetzt was du meinst, deine Erklärung war ein bisschen knapp für einen Außenstehenden. 🙂

    Probiers mal mit

    
    .entry-header {
     max-width: 474px;
    }
    

    Falls das nicht reicht:

    
    .entry-header {
     max-width: 474px !important;
    }
    

    Noch eine kleine Anmerkung: Wenn ich das richtig sehe, hast du die Werte in der style.css geändert. Das bedeutet allerdings, dass die Änderungen beim nächsten Theme-Update verloren gehen.
    Um CSS-Änderungen gegenüber der Originaldatei vorzunehmen, solltest du dir entweder ein Child-Theme anlegen oder das kleine PLugin Simple Custom CSS benutzen. In Letzterem einfach den oben genannten Code eingeben.

    Eine dritte Möglichkeit außer Child-Theme und CSS-Plugin ist es, den CSS-Code in den extra dafür vorgesehenen Custom-CSS-Bereich einzugeben, falls ein Theme über einen solchen Bereich verfügt. Auch dort bleiben die Änderungen über ein Theme-Update hinaus bestehen.

    • Diese Antwort wurde geändert vor 7 Jahren, 5 Monaten von Flower33.
    Thread-Starter medizintutorials

    (@medizintutorials)

    Die Breite der Posts ist prima. Die wollte ich ja gar nicht verbreitern.

    Im ursprünglichen Twenty Fourteen war aber die Startseite nicht statisch und es wurden halt die neuesten Beiträge angezeigt. Das Design war auf der Homepage das selbe wie bspw. auf den übrigen pages auch. Also schmal. (So wie in der Customize-Funktion für den exemplarischen Blogpost, dargestellt)
    Ich wollte aber eine statische Startseite, die entsprechend breit ist. Nach langem googlen habe ich es dann hinbekommen.

    Jetzt ist nur das Problem, dass die übrigen pages und post ebenfalls etwas breiter sind und die „Kante“ (oder Balken) die ich im Screenshot mit einem Fragezeichen markiert habe fehlt. Im Idealfall hätte ich die Startseite so, wie sie aktuell ist, also breit und in den pages/posts/Blog die besagte „Kante“ links und rechts (So wie in der Customize-Funktion). Falls das nicht geht, bin ich auch ohne „Kanten“, also breiteren Blogposts etc. zufrieden. Hauptsache es sieht gleichmäßig aus. 🙂

    Und Medizintutorials, weil ich via Videotutorials (3D-Anatomie-Videos, selbstgemachten „Tafel“bildern etc.) Nachhilfe/Tutorien für Medizinstudenten, aber auch anderer medizin. Berufsgruppen, online anbiete…und ich habe festgestellt, Biochemie ist tausendmal einfacher als WP. 😀

    Alles klar, wie du siehst, hatte ich es dann doch relativ schnell so verstanden, wie du es netterweise jetzt noch erläutert hast. 🙂
    Das „Warum Maedizintutorials?“ war nur ein Zitat deines Titels, keine Frage meinerseits.
    Von Angesicht zu Angesicht zu kommunizieren ist oft doch einfacher und weniger missverständlich als über die Tastatur. 🙂

    • Diese Antwort wurde geändert vor 7 Jahren, 5 Monaten von Flower33. Grund: Rechtschreibung
    • Diese Antwort wurde geändert vor 7 Jahren, 5 Monaten von Flower33. Grund: weitere Tippfehler

    Falls du nicht mehr hochgescrollt haben solltest: Hast du die Code-Vorschläge gesehen, die deiner Erläuterung vorausgingen? Damit sollten die 100% für deine Startseite bestehen bleiben und auf den Beitragsseiten müsste wieder rechts und links das Bild sichtbar werden.

    Thread-Starter medizintutorials

    (@medizintutorials)

    Hurra.

    Sorry, war dann in der Nacht einfach weg. Unglaublich wie die Zeit vergeht, wenn man so rumpuzzelt.

    Aber es hat geklappt. Auch habe ich den Custom-CSS-Bereich gefunden und den Code dort hinein kopiert. Danke für den Tipp, wieder etwas gelernt.

    Jetzt müssten nur noch Text und Video korrekt ausgerichtet, bzw. auf die selbe Breite gebracht werden wie die Überschrift, siehe Screenshot.

    Das ist wahrscheinlich total banal, aber ich habe leider keine Ahnung wonach ich da im Code suchen muss.

    Von Angesicht zu Angesicht zu kommunizieren ist oft doch einfacher und weniger missverständlich als über die Tastatur. 🙂

    Ja, via Skype o.ä. wäre es sicherlich viel einfacher. 😀 Aber vielen, vielen Dank für deine Geduld und Hilfe und das mitten in der Nacht. 🙂

    Dann würde ich den obigen Code

    
    .entry-header {
     max-width: 474px;
    }
    

    ersetzen durch:

    
    .entry-header, .entry-content {
     max-width: 474px;
     padding-left: 30px;
    }
    
    .home .entry-content {
     max-width: 100%;
    }
    

    Probier mal, obs klappt.

    Thread-Starter medizintutorials

    (@medizintutorials)

    Ne, dann habe ich das selbe Problem, wie ganz am Anfang, also keine „Kante“ links.

    Ich habe auch den 1. vorgeschlagenen Code ausprobiert,

    .entry-header {
     max-width: 474px
    }

    da ist nichts passiert.

    Beim 2. Code,

    .entry-header {
     max-width: 474px !important;
    }

    war dann das „Kanten“-Problem gelöst, aber der Text etc. nicht in der selben Breite wie die Überschrift.

    Beim 3. Code,

    .entry-header, .entry-content {
     max-width: 474px;
     padding-left: 30px;
    }
    
    .home .entry-content {
     max-width: 100%;
    }

    verhielt es sich, wie beim ersten, nichts passiert, bzw. linke „Kante“ war wieder weg, also Anfangsproblem wieder da.

    Dann habe ich es mit !important; versucht,

    .entry-header, .entry-content {
     max-width: 474px !important;
     padding-left: 30px;
    }
    
    .home .entry-content {
     max-width: 100%;
    }

    und mich schon gefreut, da die Probleme gelöst schienen, aber jetzt ist auch die Startseite schmal.

    Ja, das ist etwas chaotisch, weil du die Original-Einstellungen in der style.css verändert hast und man jetzt versuchen muss, das nach deinem Wunsch in einzelnen Punkten wieder rückgängig zu machen. 🙂

    Stand jetzt passt es doch auf den Beitragseiten, oder?
    Es ist auch etwas schwer, das von außen mitzuvollzieen, weil du gerade ständig zwischen den einzelnen Einstellungen wechselst. 🙂

    Was genau steht momentan im Custom-CSS-Beeich?

    Diesen Code, der ja auf den Beitragsseiten zu passen scheint, müssen wir dann noch für die Startseite speziell anpassen.

    • Diese Antwort wurde geändert vor 7 Jahren, 5 Monaten von Flower33.
    • Diese Antwort wurde geändert vor 7 Jahren, 5 Monaten von Flower33.
    • Diese Antwort wurde geändert vor 7 Jahren, 5 Monaten von Flower33. Grund: zu schnelles Tippen
    Thread-Starter medizintutorials

    (@medizintutorials)

    Ja, das ist etwas chaotisch, weil du die Original-Einstellungen in der style.css verändert hast und man jetzt versuchen muss, das nach deinem Wunsch in einzelnen Punkten wieder rückgängig zu machen. 🙂

    Ah, ok. Ich habe eigentlich nur eine Sache dort verändert um die Startseite, bzw. den Inhalt der Startseite auf volle Breite zu bekommen.

    /**
    * 6.0 Content
    * -----------------------------------------------------------------------------
    */
    .content-area {
    padding-top: 48px;
    }
    .hentry {
    margin: 0 auto 48px;
    max-width: 672px;
    }
    .site-content .entry-header,
    .site-content .entry-content,
    .site-content .entry-summary,
    .site-content .entry-meta,
    .page-content {
    margin: 0 auto;
    max-width: 474px; <-- original, die 474px sind ersetzt durch 100%
    max-width: 100%; <-- die Änderung
    }
    .page-content {
    margin-bottom: 48px;
    }

    Soll ich das wieder rückgängig machen?

    Im Custom-CSS steht jetzt folgendes:

    .entry-header, .entry-content {
     max-width: 474px !important;
     padding-left: 30px;
    }
    
    .home .entry-content {
     max-width: 100%;
    }

    Wie gesagt, ohne !important; gab es keine Veränderung.

    Ja, deine Änderung in der style.css von max-widt: 474px auf max-width: 100% würde ich mal rückgängig machen (weil das ja dann auch für all die anderen dort genannten Elemente gilt und es furchtbar kompliziert wird, dann wieder einzelne Ausnahmen rückgängig zu machen).

    Anschließend den bisherigen Custom-CSS-Code wegen dieses anderen Änderung-Ansatzes nochmal löschen (das !importnant hat dafür gesorgt, dass es auf der Startseite so schmal wurde) und versuchen, nur für die Startseite die Ausnahme zu schaffen.

    Die Startseite hat eine einzigartige Klasse, nämlich .home, über die man sie per CSS ansprechen kann. Daher würde ich die nach deiner Aussage ursprünglichen Vorgaben

    
    .site-content .entry-header,
    .site-content .entry-content,
    .site-content .entry-summary,
    .site-content .entry-meta,
    .page-content {
    margin: 0 auto;
    max-width: 474px;
    }
    

    versuchen, für die Startseite wie folgt zu überschreiben (durch Eintrag in den Custom-CSS-Bereich)

    
    .home .site-content .entry-header,
    .home .site-content .entry-content,
    .home .site-content .entry-summary,
    .home .site-content .entry-meta,
    .home .page-content {
    margin: 0 auto;
    max-width: 100%;
    

    Probiers noch mal. 🙂

    • Diese Antwort wurde geändert vor 7 Jahren, 5 Monaten von Flower33.
Ansicht von 15 Antworten - 1 bis 15 (von insgesamt 19)
  • Das Thema „Twenty Fourteen – Balken fehlt plötzlich“ ist für neue Antworten geschlossen.