Änderungen im Design vom Theme TwentyFour

    Hallo zusammen!
    Schon seit einer ganzen Weile bin ich auf der Suche wie ich einzelne Dinge in meinem Design ändern kann, ohne ein neues Theme zu nehmen. Denn eigentlich mag ich TwentyFour auch sehr gerne. Am Meisten stört es mich, dass die Seite rechts abgeschnitten wird. Schaut euch mal den Screenshot im Anhang an, ich habe den Teil mal gelb markiert. Gibt es eine Möglichkeit die gesamte Seitenbreite zu ändern?
    Bei der linken (primären) Seitenleiste (siehe Anhang) möchte ich die lila Hintergrundfarbe, unabhängig von der Menüleiste (mit Kategorien) im Header ändern. Außerdem möchte ich die linke Seitenleiste genauso breit haben wie die rechte Seitenleiste.

    Ich würde mich riesig freuen, wenn jemand mir dabei helfen könnte!!!:D


    Vielen Dank im Voraus für eure Hilfe!

    Liebe Grüße

    Nicole von http://www.my-lifestyle-blog.com

    • Gerade eben
    • 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

    Sei froh, daß dein Monitor keine größere Auflösung hat.

    Das ist nunmal ein Theme mit fester Breite, die sich aber "responsive" an kleinere Bildschirme/Fenster anpasst.

    in der Styles.css des Theme

    Code
    .site {
    max-width: 1260px;


.site-header {
    max-width: 1260px;

    Und dann noch im Theme-Header

    Code
    <a rel="home" href="http://my-lifestyle-blog.com/">
  <img width="1260" height="412" alt="MY-LIFESTYLE-BLOG"  src="http://my-lifestyle-blog.com/wp-content/uploads/2014/11/cropped-Nicole-Funny-Face.jpg">
</a>


    max-width und witdh muß entfernt werden, bzw. auf "nichts" gesetzt.

    Eventuell auch noch ein größeres Header-Bild, falls es beim Vergrößern jetzt zu unscharf wird.
    Und ob nun alles am Inhalt (vorallem bei den Widgets) passt, wirst du dann schon sehn.

    Hallo himitsu!

    Vielen, vielen Dank!! :D Die Änderung ist jetzt drin!! Jetzt muss ich nur noch das Header-Bild ändern!
    Kannst du mir vielleicht auch noch bei der linken Seitenleiste helfen?

    Liebe Grüße

    Nicole

    Ist bei dem Theme nicht ganz so einfach.

    Mindestens.

    Code
    #secondary {
    width: ...;


.search-box-wrapper, .featured-content {
    padding-left: ...;


.featured-content {
    padding-left: ...;


    secondary scheint links die Leiste zu sein und dann darfst du den Inhalt auch noch verschieben, da er komplett unabhängig davon dahinter liegt.
    Hätte jetzt gedacht einfach alles auf 25% zu setzen, da die rechte Leiste so zwischen 20% und 33% schwankte. Aber das stimmt nicht so ganz, denn ich hatte das Gefühl die Breiten der mittleren und rechten Bereiche werden per JavaScript angepasst.


    Vielleicht könnte es nicht schaden, wenn man sich ein Theme aussucht, was im Grundlayout schon dem entspricht, was man haben will.

    Einmal editiert, zuletzt von himitsu (3. Januar 2015 um 15:58)

    Hi himitsu,

    danke für deine Hilfe! Aber irgendwie komme ich da gerade auch nicht richtig weiter. Die Menüleiste (Kategorien) ist irgendwie an die Linke Seitenleiste gebunden. Habe bis lang das Header Bild auch noch nicht in volle größe bekommen...

    Viele Grüße
    Nicole

Jetzt mitmachen!

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

Benutzerkonto erstellen Anmelden