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

 

Klar doch. Sry!

www.birchner.com

 

danke! Hab ich eingefügt, aber nur die leiste ganz oben Inder ''HOME'' steht ist jetzt rechts.
Ein Code muss noch fehlen

Danke schonmal!

 

@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: 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; }

 

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