Ich würde gerne in meiner Sidebar auf http://www.osnapicture.de/ die Schrift kleiner und den Abstand zwischen den Zeilen geringer haben, damit die einzelnen Widgets hinterher so aussehen wie der Kasten "Alle Bilderserien" auf http://www.n24.de/nachrichten/sp…oppelklick.html Hat jemand eine Ahnung wo in der css Datei ich da etwas ändern muss?
kleinere Schrift in Sidebar
-
-
- Gerade eben
- 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)
-
Mit HTML geht fast alles. Schau mal unter http://de.selfhtml.org und such nach Schriftgröße
-
Nur die Schriftgröße allein hilft mir leider nicht, da ich ja dann immer noch den breiten Zeilenabstand habe
-
einfach bei selfhtml suchen da würst du auch zum Thema css fündig
-
Ja, da habe ich schon mehrfach gesucht, aber nichts zum Thema, wie ich die Abstände zwischen den Zeilen schrumpfen kann.
Der fragliche Teil meiner CSS sieht so aus:
Code/* sidebar */.widgetcontainer { border: solid #CCC; border-width: 1px; background: repeat-x #FFF; line-height: 1.4em; }.widgetcontainer a { font-weight: 700; }.widgetcontainer .excerpt { font-size: 11px; margin: 5px 0; }.widgettitle { color: #333; font-size: 12px; font-weight: 700; margin: -10px -10px 10px; padding: 5px 10px; background: url(../../images/feed-title-white.jpg) repeat-x top #EFEFEF; border-bottom: 1px solid #CCC; }.widgettitle a { color: #333; }.multi-sidebar .thumb, .multi-sidebar .recentcomments .avatar, .featured-stories .thumb { float: left; border: 1px solid #CCC; margin: 0 10px 0 0; background: #FFF; padding: 2px; }.sidebar-read-more:link, .sidebar-read-more:visited { text-transform: uppercase; font-weight: normal; font-size: 10px; padding: 2px 4px; margin: 5px 0 0; display: inline-block; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; color: #FFF; background: #333; }.sidebar-read-more:hover { background: #CC0000; }.multi-sidebar .tabs li { background: #383332; border: 1px solid #CCC; }.multi-sidebar .tabs a:link, .multi-sidebar .tabs a:visited { text-decoration: none; font-weight: 700; color: #FFF; }.multi-sidebar .tabs a:hover { border-bottom: 1px dotted #FFF; }.multi-sidebar .tabs .ui-tabs-selected { background: #FFF; } .multi-sidebar .tabs .ui-tabs-selected a:link, .multi-sidebar .tabs .ui-tabs-selected a:visited { color: #37322F; } .multi-sidebar .widgetcontainer { background: #FFF; border: 1px solid #CCC; }.multi-sidebar .widgetcontainer li, .featured-stories li, .related-posts li { border-bottom: 1px dotted #CCC; }.multi-sidebar .recentcomments .author { color: #666; font-size: 11px; }
Vielleicht kann mir ja jemand sagen, was man da ändern müsste.
Jetzt mitmachen!
Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!