Breite Sidebar anpasse

    Hey Leute,

    ich bin relativ neu in WP und versuche gerade eine neue Seite zu erstellen mit dem folgenden Theme: Zerif Lite

    Das ganze läuft momentan auf einem lokalen Server, weshalb ich keinen direkten Link posten kann.

    Ich würde nun gerne die Breite der Sidebar verkleinern, konnte allerdings das in der style.css nicht finden.

    In den php-files konnte ich den entsprechenden Eintrag auch nicht finden, da bin ich allerdings auch nicht ganz so fit.

    Vielleicht kann mir einer weiterhelfen, wo ich die entsprechenden Änderungen vornehmen kann.

    Dankeschön,
    chuck

    • 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

    Die Antwort findest du im Quellcode deiner Seite. Den könntest du mit einem Webentwickler-Tool (ist eigentlich bei jedem Browser vorhanden / zB den 'Inspektor' beim FireFox - oder F12 beim IE) untersuchen, um dann genau das Element zu finden, dass du ändern willst. Von diesem Element brauchst du eine möglichst genaue Kennzeichnung (ID, Klasse) mit der du dann im Custom CSS die 'width' anpassen kannst.

    Hey,

    ich habe es gestern nun probiert und konnte auch die ID sowie die Klasse ausfindig machen, allerdings hat das Theme keine custom.css.

    Bzw. konnte ich sie nicht finden.

    Kann das noch in einer anderen Datei stehen oder habe ich den Dateinamen falsch verstanden?

    Schon einmal Dankeschön für eure Hilfe.

    Ist dann eine etwas unglückliche Formulierung von mir... Custom CSS sollte eigentlich heißen... klicke in deiner WP Bedienoberfläche (Dashboard) auf Design und wähle dann in dem PopUp 'Customizer:

    ... es öffnet sich ein neues Fenster und du hast links ein Auswahlmenü, in dem gaaaaanz unten der Punkt 'Zusätzliches CSS' ... was ich fälschlicherweise als Custom CSS bezeichnet habe :(

    und wenn du das auswählst, dann bekommst du so ein schmales Eingabefenster, in dem du deinen zusätzlichen CSS Code eingeben kannst!

    Und das sollte bei allen WP Installationen, unabhängig vom Theme funktionieren.

    OK klingt logisch.

    Gibt es eine Möglichkeit, direkt in den Theme-Dateien die Änderung vorzunehmen?

    Es muss ja die Breite einer Klasse irgendwo hinterlegt sein und ich würde es gerne dort ändern.

    Hintergrund ist, dass ich für eine andere Art von Unterseite gerne eine zweite Sidebar einfügen würde, welche andere Widgets enthält und damit auch eine andere Größe bekommen soll.

    Dankeschön,
    chuck

    Klar, man kann auch das Stylesheet des Themes selbst bearbeiten.
    Dazu muss man unter Design den Punkt 'Editor' aufrufen.
    Bevor du das machst, solltest du dir, falls noch nicht geschehen, ein Child Theme anlegen und dort die Änderungen machen. Das 'Original-Stylesheet' hat den Nachteil, dass gemachte Änderungen nach einem Update weg sind und ggf jede Menge Arbeit und Mühe für die Katz waren.

    Da sieht man, daß du den Vorschlag im Post #2 offensichtlich noch nicht versucht hast .......

    Zitat von Sailor56

    Die Antwort findest du im Quellcode deiner Seite. Den könntest du mit einem Webentwickler-Tool (ist eigentlich bei jedem Browser vorhanden / zB den 'Inspektor' beim FireFox - oder F12 beim IE) untersuchen, um dann genau das Element zu finden, dass du ändern willst. Von diesem Element brauchst du eine möglichst genaue Kennzeichnung (ID, Klasse) mit der du dann im Custom CSS die 'width' anpassen kannst.

    Auf der Zerif Lite Seite sieht das mal so aus!

    Da ist für die class="content-left-wrap col-md-9" 75% Breite festgelegt!
    Womit sich für die Max-Breite für die Sidebar ergiebt ;-)

    nothing is as easy as it looks. --- Wenns gefällt - gibts dafür einen Button ;)
    Manchmal komme ich mir wie eine Suchmaschine vor ....:rolleyes:

    Cool...Dankeschön.

    Jetzt habe ich da auch endlich durchgeblickt.

    Chrome hat zwar auch mit F12 einen Inspektormodus, da hat es bei mir die Breite nicht angezeigt.
    Gestern nun im IE versucht und dort wurde sie mir nun angezeigt.

    Aber immerhin hat es jetzt funktioniert und die Änderung ist auch schon drin.
    Und ich glaube der Inspektormodus kann mir noch öfters helfen.


    Nochmals Dankeschön für die ganze Hilfe.

Jetzt mitmachen!

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

Benutzerkonto erstellen Anmelden