Hueman beide Sidebars verkleinern und Hintergrund anpassen

  • Hallo liebe Leut!

    Ich versuche seit ca 2 Tagen die Sidebars des Hueman Themes auf 190px zu verkleinern (beide)
    Nach ewigem googeln und rumprobieren funktioniert folgener Code im CSS:

    .s1 { width: 190px; }
    .s2 { width: 190px; }
    .col-3cm .main-inner { padding-left: 190px; background-position: -150px 0; }
    .col-3cm .s1 { margin-left: -190px; }


    Das Problem: Die linke Siebare sieht Nahtlos aus, da ich den Background nach links verschoben habe.
    Ich bekomme es aber nicht hin den rechten Background nach rechts zu verschieben. Ich weiß nicht wieso. Es bleibt immer ein grauer Bereich der in den Main Content Bereich hinein ragt. Was genau fehlt mir in dem Code?

    Bin für jede Hilfe sehr dankbar!

    Florian

    • 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

  • Wie wäre es mit einem Link zur Problemseite. Dann kann man sich den Quellcode auch mal ansehen.

    Das Geheimnis des Könnens liegt im Wollen!
    [size=12]Bitte keine Hilfegesuche per PN (auch keine "privaten" Links). Das ist ein öffentliches Forum.[/SIZE]

  • du müsstest auf jeden Fall auch noch den Abstand nach rechts anpassen:

    .col-3cm .main-inner {padding-right: 190px;}
    .col-3cm .s2 {margin-right: -190px;}

    [size=10]Bitte immer zuerst die Forensuche nutzen und erst danach Deine Fragen hier im Forum stellen, denn sehr vieles wurde schon mehrfach beantwortet. Bitte dabei auch die Forenregeln beachten.
    Kein Support per PN - Fragen gehören ins Forum.[/SIZE]
    [size=8]Wenn du eine weise Antwort verlangst, musst du vernünftig fragen. (Johann Wolfgang von Goethe)[/SIZE]

  • Hi F.Biirchr,

    das Thema interessiert mich auch brennend, aber so kommt es nicht hin. In der mobilen Ansicht unter "Firefox" auf dem Tablet sind die verschiedenen Container bzw. Blöcke Deiner Seite jetzt total verschoben...!?!

    Gruß blog_micky

    Respice post te, hominem te esse memento! (Sueton „Iulius“ 51)

    Einmal editiert, zuletzt von blog_micky (29. November 2014 um 19:05)

  • Beim hueman muss man sicherlich auch einige Formatierungen im media query anpassen.

    [size=10]Bitte immer zuerst die Forensuche nutzen und erst danach Deine Fragen hier im Forum stellen, denn sehr vieles wurde schon mehrfach beantwortet. Bitte dabei auch die Forenregeln beachten.
    Kein Support per PN - Fragen gehören ins Forum.[/SIZE]
    [size=8]Wenn du eine weise Antwort verlangst, musst du vernünftig fragen. (Johann Wolfgang von Goethe)[/SIZE]

  • blog_micky: Danke für den Hinweis. Dann muss ich wohl die Pixelzahlen in meiner Responsive.php etwas anpassen.

    maxe: Dann ist das wohl weniger leicht getan als gesagt? In allen Foren die ich durch Google gefunden habe gibt es leider keine perfekte lösung für dieses Problem. Gibt es da keinen Trick? Z.B Den grauen Hintergrund deaktivieren und einen neuen einfügen?

    Ich hoffe nur dass es irgendwie machbar ist, denn ich kann mein Theme nicht schon wieder wechseln :/

    Gracias!

  • So leute, da niemand mehr helfen konnte hab ich mich auf ausprobieren und Google verlassen.

    Ich habe bemerkt dass die sidebar sich noch rechts verschiebt wenn ich den main-bereich vergrößere.
    Daraufhin habe ich den Content verkleinert damit es wieder passt. Nun passt alles super, außer dass die sidebar nach rechts zu groß ist. Ich müsse also nur noch die sidebar verkleinern. Mit ''.s2 { width: 190px; }'' geht das nicht, denn es verkleinert nur den Inhalt, nicht aber den grauen Bereich.

    Immerhin hat der Hauptbereich die richtige größe.

    Weiß jemand wie ich den letzten Schritt hinbekomme?

    Website ist immer noch: http://www.birchner.com

    Thx

  • Nachträglich nochmal der neue Custom CSS code:

    .s1 { width: 190px; }
    .s2 { width: 190px; }
    .col-3cm .main-inner { padding-left: 190px; background-position: -150px 0; }
    .col-3cm .s1 { margin-left: -190px; }
    .col-3cm .main-inner {padding-right: 190px;}
    .col-3cm .s2 {margin-right: -190px;}
    .main-inner { width: 1000px; }
    .main { width: 1460px; }
    .Content { width: 1190px; }

  • Ich mein das weiße ist ein Hintergrundbild, evtl. musst du das Bild ändern.

    [size=10]Bitte immer zuerst die Forensuche nutzen und erst danach Deine Fragen hier im Forum stellen, denn sehr vieles wurde schon mehrfach beantwortet. Bitte dabei auch die Forenregeln beachten.
    Kein Support per PN - Fragen gehören ins Forum.[/SIZE]
    [size=8]Wenn du eine weise Antwort verlangst, musst du vernünftig fragen. (Johann Wolfgang von Goethe)[/SIZE]

  • Wenn ich das weiße als Bild ändere ändert sich doch aber nicht die länge der rechten sidebar oder etwa doch?
    Das weiße ist doch einfach nur ''.main'' dessen größe sich ja leicht ändern lässt.

  • PROBLEM GELÖST:

    Für alle die es interessiert: man kann die rechte sidebar wirklich nur anpassen, wenn man die Bilddatei verändert.
    Die Datei befindet sich in wp-Content/theme/hueman/img/sidebar/s-right-s2.png
    Die Datei habe ich mit Gimp geöffnet und unter Image --> Scale Image die größe auf 190*1 Pixel verändert.
    Anschließend die Datei im Verzeichnis überschieben. Fertig!

    Danke für die mühe und tipps und special thanks an maxe mit dem hinweis zur bilddatei!

    Peace out :)

Jetzt mitmachen!

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