Theme Reddle sidebar schmaler machen

  • Autor
    Beiträge
  • #30130

    misssunscreen
    Mitglied

    Liebes Team,

    ich habe leider (noch) keine Ahnung von CSS und bin sehr neu hier.
    ich würde gerne die sidebar meines blogs schmaler machen und entsprechend die Überschrifgten in der Sidebar verkleinern (nicht die Überschriften der Blogbeiträge).
    Ich habe auch Einträge gefunden, die sich damit beschäftigen und Lösungen vorschlagen, aber die funktionieren nicht.
    http://en.forums.wordpress.com/topic/change-the-width-of-a-sidebar-with-custom-css-design?replies=3#post-1440801
    Hier zum Beispiel macht er die Sidebar zwar schmaler, aber er der Blogbereich vergößert sich nicht automatisch und das Datum wird links nicht mit rübergezogen:

    #primary #content {
    margin-left: 5%;
    margin-right: 35%;
    }

    #main .widget-area {
    margin-right: 5%;
    width: 25%;
    }

    Wäre für Hilfe dankbar.
    LG

    Der Blog bei dem ich Hilfe benötige heißt sunscreenfactor120.com.

    #30301

    iqatrophie
    Moderator

    Wenn ich den vorgeschlagenen CSS-Code mit den Entwicklertools in meinem Firefox-Browser ausprobiere, wird der Content-Bereich bei mir vergrößert. Ich habe in dem Code unten noch eine Passage ergänzt, mit dem das Datum wieder nach links rückt.

    #primary #content {
    	margin-left: 5%;
    	margin-right: 35%;
    }
    
    #main .widget-area {
    	margin-right: 5%;
    	width: 25%;
    }
    
    footer .permalink, .image-attachment #content footer .permalink {
    	left: -8.674% !important;
    }

    Macht der Code vielleicht schon das, was du willst? Die Überschriften in der Seitenleiste sehen für mich nicht zu groß aus. Wieso willst du die ändern?

    Gruß
    Martin(IQ)

    #30320

    misssunscreen
    Mitglied

    Lieber Martin,
    Dein Code macht durchaus, was ich will, danke! Aber zumindest in der Vorschau passt sich die Schrift in der Seitenleiste nicht an, sie ist zu groß. Da steht dann nicht mehr das ganze Wort „Schlagwörter“ sondern nur noch „Schlagwör“. Daher die Idee des Kleinermachen der Schrift, ansonsten würde mich die Größe nicht stören.
    Zur Not könnte ich in „Tags“ umbenennen, dann kommt es nicht mehr zum Tragen, aber das wäre halt ein work-around.
    Liebe Grüße!

    #30325

    iqatrophie
    Moderator

    Ich kann das mit den zu großen Überschriften in der Seitenleiste immer noch nicht nachvollziehen. Aus dem Grund habe ich einen Screenshot erstellt.

    So wird deine Seite in meinem Firefox Browser (Version 33.0) unter Ubuntu 14.04 LTS nach Hinzufügen des CSS-Codes angezeigt. Wie du siehst, wird „Schlagwörter“ vollständig angezeigt.

    Kannst du eventuell selbst einen Screenshot in deinem Browser erstellen, der die Darstellungsunterschiede erklären könnte? Du kannst diesen einfach in die Mediathek deines Blogs hochladen und dann hier im Forum die Datei-URL einfügen.

    #30327

    zodiac1978
    Mitglied

    @martin: Da stimmt irgendwas mit der Schrift bei dir nicht. Bei mir schaut die Seite so aus:
    https://starthilfe.files.wordpress.com/2014/11/bildschirmfoto-2014-11-10-um-18-37-14.png

    Und das Wort „Schlagwörter“ ist mit deiner CSS-Anpassung dann einfach zu lang für die Sidebar.

    Gruß, Torsten

    #30328

    iqatrophie
    Moderator

    Danke für den Hinweis Torsten. Tatsächlich war Javascript für typekit.net noch nicht aktiviert. Außerdem benötigt Typekit wohl auch noch Referrer. Nachdem ich beides aktiviert hatte, wurde die Seite korrekt angezeigt. Wobei bei mir nicht mal im Vollbildmodus und ohne die CSS-Änderungen das „Schlagwörter“ ganz in die Seitenleiste passt.

    Nachdem ich das Problem jetzt gesehen habe, wäre mein Vorschlag:

    #primary #content {
    	margin-left: 5%;
    	margin-right: 35%;
    }
    
    #main .widget-area {
    	margin-right: 5%;
    	width: 25%;
    }
    
    footer .permalink, .image-attachment #content footer .permalink {
    	left: -8.674% !important;
    }
    
    .wf-active #main h1, .wf-active #main h2 {
        font-size: 22px;
    }

    #30329

    misssunscreen
    Mitglied

    Jaaaaa!! So ist es gut! :-)
    Danke @ Martin und @torsten!

Das Thema ‘Theme Reddle sidebar schmaler machen’ ist für neue Antworten geschlossen.