Catch Kathmandu Theme - Content Layout breiter machen und Sidebar schmaler

  • Ich versuche verzweifelt die Seite mit dem Content etwas breiter zu machen und die rechte Sidebar schmaler, aber ich schaffe es nicht. Hier ein Auszug aus der Style.css, vielleicht kann mir jemand helfen.

    Ich habe die zwei Werte #primary und #secondary bereits geändert, aber da tut sich nichts, muss ich da evtl. etwas anderes ändern oder evtl. einen Befehl hinzufügen?

    Oder muss man das wo ganz anders in der Style.css ändern???

    • 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

  • Herzlichen Dank für die schnelle und tolle Hilfe, ich habe da wirklich wieder etwas dazu gelernt, aber leider funktioniert es nicht.

    Ich habe folgende Werte geändert, aber die Breite des Template ändert sich nicht:

    .site {
    width: 1280px;
    width: 80rem;
    }

    #primary {
    clear: both;
    float: left;
    width: 850px;
    width: 53.125rem;
    }
    #secondary {
    float: right;
    width: 280px;
    width: 17.5rem;


    [FONT=verdana]Bei anderen WordPress Templates konnte ich die Breite ganz einfach anpassen,
    dort Stand z.B. #primary 70% und #secondary 25% (5% war Rand und Zwischenraum),
    aber bei diesem Template scheitere ich.

    [COLOR=#ff0000]Sonst noch ein Tipp?[/COLOR][/FONT]

  • Ich habe die Lösung gefunden:

    Man geht im Kathmandu Theme auf "Theme Optionen" und dann auf Custom CSS, dort kann man die Änderungen eingeben. In meinem Fall:

    Geändert habe ich jetzt die Werte bei primary von 750px auf 800px und 7.5rem auf 8rem
    und unter secundary von 380px auf 320px und 3.8rem auf 3.2rem und es hat funktioniert.

    Im Custom CSS habe ich auch die Schriftgröße geändert von 16px auf 14px, die Überschriften von H1-H6 verkleinert, den Titel und Untertitel der Webseite angepasst, die Textbostschaft auf der Startseite unter dem Slider (neben dem Button). Ich habe einfach den entsprechenden Code aus der style.css copiert und in das Feld Custom CSS eingefügt und dort geändert. Alle Änderungen wurden übernommen.

Jetzt mitmachen!

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