Weitere Informationen und den Download findest du auf der offiziellen Anlaufstelle de.wordpress.org
Seite 1 von 2 12 LetzteLetzte
Ergebnis 1 bis 10 von 11
Like Tree3Likes

Thema: Theme Twenty Seventeen verbreitern

  1. #1
    PostRank: 1
    Registriert seit
    12.11.2010
    Beiträge
    47

    Theme Twenty Seventeen verbreitern

    Moin allerseits,

    Ich bin begeistert von diesem klasse Standart Theme.

    Allerdings möchte ich das Theme grundsätzlich verbreitern. Auf der Einstiegseite und auch auf den Beitragsseiten ist es mir zu schmal ich habe zu viel Platz rechts neben der Sidebar und links am Rand.
    https://tinyurl.com/ybkuvo38
    Ich bitte um Unterstützung, ich bin einigermaßen hilflos Danke vorab,


  2. #2
    PostRank: 4
    Registriert seit
    13.06.2017
    Ort
    Im hohen Norden
    Beiträge
    154
    Die Breite des unteren Bereiches wird durch das Element '<div class="wrap">....</div> bestimmt.

    Für diese Klasse (.wrap) ist in der styles.css eine maximale Breite von 1000px (.wrap {max-width: 1000px;}) vorgegeben.

    Diesen Wert kannst du in einem Child Theme oder auch im Custom CSS nach deinen Bedürfnissen ändern!
    SuMu likes this.

  3. #3
    PostRank: 1
    Registriert seit
    12.11.2010
    Beiträge
    47
    Danke. Was muss ich denn genau in der Custom CSS eintragen?

    Edit:
    hab das mal in der CSS eingetragen.
    .wrap {max-width: 1500px;}

    Da passiert es aber, das die rechte Sidebar ebenfalls mit nach links rückt, und die Seite unformatiert aussieht. Siehe Link.
    Geändert von nobody-44 (12.07.2017 um 13:56 Uhr)

  4. #4
    PostRank: 4
    Registriert seit
    13.06.2017
    Ort
    Im hohen Norden
    Beiträge
    154
    Das liegt daran, dass die beiden Elemente ('.has-sidebar #primary' und '.has-sidebar #secondary') den verfügbaren Platz... jetzt 1500px... untereinander aufteilen!
    #primary ist definiert mit 58%
    #secondary ist definiert mit 32%
    Auch diese Parameter kannst du im Custom CSS anpassen.

    Am Besten du kannst du so was erkennen und testen mit den Tools, die die meisten Browser eingebaut haben - zB der Inspektor (unter 'Extras' -> 'Web-Entwickler') beim Mozilla FireFox!
    siehe anhängende Bilder.
    tonis_1.jpg
    tonis_2.jpg

  5. #5
    PostRank: 4
    Registriert seit
    13.06.2017
    Ort
    Im hohen Norden
    Beiträge
    154
    Sorry, wenn es länger dauert - aber die Antwort liegt beim 'Admin' zur Freigabe. ... warum auch immer?

  6. #6
    PostRank: 1
    Registriert seit
    12.11.2010
    Beiträge
    47
    Zitat Zitat von Sailor56 Beitrag anzeigen
    Das liegt daran, dass die beiden Elemente ('.has-sidebar #primary' und '.has-sidebar #secondary') den verfügbaren Platz... jetzt 1500px... untereinander aufteilen!
    #primary ist definiert mit 58%
    #secondary ist definiert mit 32%
    Auch diese Parameter kannst du im Custom CSS anpassen.

    Am Besten du kannst du so was erkennen und testen mit den Tools, die die meisten Browser eingebaut haben - zB der Inspektor (unter 'Extras' -> 'Web-Entwickler') beim Mozilla FireFox!
    siehe anhängende Bilder.
    tonis_1.jpg
    tonis_2.jpg
    Danke. Leider habe ich keinen Firefox, da MAC.

    Was muss ich denn in die Custom CSS genau eintragen? Und gilt das dann für alle Seiten? Bitte nochmal um Hilfe.

  7. #7
    PostRank: 1
    Registriert seit
    12.11.2010
    Beiträge
    47
    Also ich denke ich habe es hin bekommen. 2 Sachen stören nun;

    - Allerdings werden nun die Beitragsbilder größer. Normalerweise werden die "als Beitragsbild festgelegten " Bilder 535 PX breit. Nun werden sie aber größer dargestellt. Wo kann ich das beeinflussen?

    - wenn ich nun in den Beitrag reinklicke, dann wird das Beitrabsbild nochmals größer dargestellt.
    Geändert von nobody-44 (12.07.2017 um 17:43 Uhr)

  8. #8
    PostRank: 4 Avatar von Kurt Singer
    Registriert seit
    28.05.2017
    Ort
    Koblenz
    Beiträge
    185
    Darf man hier auch Anmerkungen außerhalb der Fragestellung machen? Ich machs mal. Möchtest Du Deine Site nicht von Google indexiert haben oder warum hast Du in der robots.txt noindex, follow stehen?

  9. #9
    PostRank: 4
    Registriert seit
    13.06.2017
    Ort
    Im hohen Norden
    Beiträge
    154
    Auch mit einem Mac solltest du in der Lage sein mit dem vorhandenen Browser - Safari denke ich - deine Seite und deren Layout zu analysieren.
    Schau doch mal, ob dir das weiter hilft:

    https://developer.apple.com/safari/tools/

    Dass sich durch die Änderung der Breite der div-Container auch Änderungen am Inhalt dieser Container ergeben, ist nicht ungewöhnlich. Oft sind dort im CSS Angaben enthalten, die in % des Elternelementes angegeben sind - Beispiel: div Container mit 1000px Breite - darin 2 div Container mit 52% bzw 38% des verfügbaren Platzes (1000px) und darin dann Bilder, die jeweils 100% des verfügbaren Platzes zugewiesen bekommen. Und genau das scheint bei dir der Fall zu sein - deine Bilder sind offensichtlich mit width: 100%; ausgezeichnet. Ja - dann nehmen die sich auch den Platz.

    Aber auch hier kann man natürlich mit CSS eingreifen und zB mit max-width: 535px; eine Maximalgröße vorgeben. Man muss dann nur dieses Element sehr genau ansprechen können, denn du willst ja nicht alle Bilder so auszeichnen, sondern nur die im Container #primary und dort dann nur die, die sich in einem div mit der Klasse .post-thumbnail befinden.
    Dann wäre eine Angabe

    #primary .post-thumbnal img {max-width: 535px;}

    vielleicht zielführend. Aber das musst du ausprobieren und immer beachten, dass Änderungen an einer Stelle auch Einfluss auf andere Elemente haben können.
    Und da diese Beitragsbilder als Hyperlink ausgebracht sind, öffnet sich beim Anklicken eine neue Seite - und da werden die Karten neu gemischt. Den HTML Code und das CSS, dass dort die Darstellung bestimmt, musst du erneut betrachten.

  10. #10
    PostRank: 1
    Registriert seit
    12.11.2010
    Beiträge
    47
    @Sailor56,

    Vielen Dank für Deine Hilfe ich schaue mal

    Sind solche Änderungen, welche wir hier besprochen haben noch in der Custom CSS gut untergebracht oder ist es sauberer/ besser solches mit einem Child Theme zu lösen?

Seite 1 von 2 12 LetzteLetzte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •