1. Herzlich willkommen bei WPDE.org, dem grössten und ältesten deutschsprachigen Community-Forum rund um das Thema WordPress. Du musst angemeldet oder registriert sein, um Beiträge verfassen zu können.
    Information ausblenden

Hueman beide Sidebars verkleinern und Hintergrund anpassen

Dieses Thema im Forum "Design" wurde erstellt von F.Biirchr, 29. November 2014.

Schlagworte:
  1. F.Biirchr

    F.Biirchr Member

    Registriert seit:
    24. November 2014
    Beiträge:
    12
    Zustimmungen:
    0
    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
     
  2. SirEctor

    SirEctor Well-Known Member
    Ehrenmitglied

    Registriert seit:
    28. Oktober 2008
    Beiträge:
    12.341
    Zustimmungen:
    417
    Wie wäre es mit einem Link zur Problemseite. Dann kann man sich den Quellcode auch mal ansehen.
     
  3. F.Biirchr

    F.Biirchr Member

    Registriert seit:
    24. November 2014
    Beiträge:
    12
    Zustimmungen:
    0
  4. maxe

    maxe Well-Known Member
    Ehrenmitglied

    Registriert seit:
    1. Mai 2008
    Beiträge:
    19.462
    Zustimmungen:
    247
    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;}
     
  5. F.Biirchr

    F.Biirchr Member

    Registriert seit:
    24. November 2014
    Beiträge:
    12
    Zustimmungen:
    0
    danke! Hab ich eingefügt, aber nur die leiste ganz oben Inder ''HOME'' steht ist jetzt rechts.
    Ein Code muss noch fehlen :D

    Danke schonmal!
     
  6. blog_micky

    blog_micky Well-Known Member

    Registriert seit:
    28. August 2010
    Beiträge:
    333
    Zustimmungen:
    0
    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
     
    #6 blog_micky, 29. November 2014
    Zuletzt bearbeitet: 29. November 2014
  7. maxe

    maxe Well-Known Member
    Ehrenmitglied

    Registriert seit:
    1. Mai 2008
    Beiträge:
    19.462
    Zustimmungen:
    247
    Beim hueman muss man sicherlich auch einige Formatierungen im media query anpassen.
     
  8. F.Biirchr

    F.Biirchr Member

    Registriert seit:
    24. November 2014
    Beiträge:
    12
    Zustimmungen:
    0
    @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!
     
  9. F.Biirchr

    F.Biirchr Member

    Registriert seit:
    24. November 2014
    Beiträge:
    12
    Zustimmungen:
    0
    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
     
  10. F.Biirchr

    F.Biirchr Member

    Registriert seit:
    24. November 2014
    Beiträge:
    12
    Zustimmungen:
    0
    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; }
     
  11. maxe

    maxe Well-Known Member
    Ehrenmitglied

    Registriert seit:
    1. Mai 2008
    Beiträge:
    19.462
    Zustimmungen:
    247
    Ich mein das weiße ist ein Hintergrundbild, evtl. musst du das Bild ändern.
     
  12. F.Biirchr

    F.Biirchr Member

    Registriert seit:
    24. November 2014
    Beiträge:
    12
    Zustimmungen:
    0
    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.
     
  13. F.Biirchr

    F.Biirchr Member

    Registriert seit:
    24. November 2014
    Beiträge:
    12
    Zustimmungen:
    0
    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 :)
     
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Information ausblenden
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Information ausblenden