Ändra färg på texten i sidomenyn

av The Blog Guru den 1 maj, 2010

Jag fick en fråga i kommentarsfältet som jag tänkte svara på i ett inlägg, eftersom det kanske är fler som undrar över samma sak.

hej! nu tänkte inte jag fråga något om just det här, men sido menyn i blogg.se,
hur ändrar man färg på texten där? jag vet hur man ändra färg på rubriken men inte på det under…
tacksam om du har tid att svara..

Jag tog en titt i CSS-filen hos Blogg.se, och det är siffrorna som är markerade med fet text som du ska ändra på:
.nav a { color: #000000; } <— Textfärg
.nav a:hover { color: #000000; } <— Textfärg när muspekaren är över texten

.nav tyder på att det är i navigeringsmenyn man gör ändringar, dvs sidomenyn. Medan a:et representerar länkar.
Och eftersom a:en står efter .nav så innebär det att vi ändrar på länkarna i sidomenyn.

Nyckelord: Bloggdesign, css

  • Hej! :-)

    Jag skulle bli SÅ glad om du kunde hjälpa mig med ett sjukt irriterande design-problem... Det är som så att allt jag skriver i min meny + inläggens namn liksom hamnar alldeles för långt åt höger. Jag har suttit och försökt rätta till det hundratals gånger, men inget fungerar. Har t ex försökt med att lägga till "text-align: left;" under nav men det hänger inte ett skit :-/ Har du några förslag...? Skulle bli galet tacksam!

    Min blogg: http://madddelen.blogg.se
  • theblogguru
    Hej!
    Jag tror att du hittar lösningen i margin eller padding värdena i sidomenyn.
    Det ser ut ungefär såhär:

    .nav ul {
    margin: 0px 0px 0px 10px;
    padding: 0px 0px 10px 0px ;
    background-color: #FFFFFF;
    }

    Men jag tror att skillnaden i din stilmall är att någon utav siffrorna är väldigt höga. Allt över tio kan du testa att ersätta med ett lägre tal och sedan förhandsgranska för att se om det blir bättre.
    Det kan också vara så att du behöver göra samma ändring på dessa ställen i stilmallen:
    .nav {
    .nav li {
    .navheader {

    Lycka till! Hör av dig igen om det inte skulle fungera.
  • Madeleine
    Tack så oerhört mycket!!! Sitter lite dumt till just nu, men jag har åtminstone kunnat prova lite grann, och att ändra padding och margin under .nav ul { fungerade! YES! :-) Kanske att det ser ännu liiiite bättre ut om jag ändrar under det andra också. Ska prova mer sen.

    Har inte sparat något ännu, p g a att ett annat problem blir desto tydligare... Namnen på inläggen kapas liksom alldeles för tidigt. Förstår du hur jag menar? En ofrivillig radbrytning, liksom... Man kan ju gott och väl fylla ut hela menyn med längre meningar... Jag tror att arkivet kapas ungefär likadant, alltså att årtalet hamnar under månadens namn... Kan man pilla med några siffror som snyggar till det också? TUSEN tack för din hjälpsamhet!
  • theblogguru
    Hm, det är svårt för mig att säga utan att se koden. Men min första gissning skulle vara att det handlar om width. Att den är för smal någonstans. Men testa att ändra alla padding och margin(för sidomenyn) till lägre värden, så kanske även det löser sig.
  • nikii
    hur vet man vilken färg som är vilken?
  • theblogguru
    Hej!
    Jag förstår inte riktigt vad du menar. Undrar du vad färgkoden är till den färg du vill använda, eller undrar du hur du ska veta att du ändrar rätt färg?
    Ett tips är att du går in på den här hemsidan: http://www.colorcombos.com/combotester.html
    Där kan du klistra in den färgkod du tror att du ska ändra på, och om rätt färg visas så är det förmodligen den du ska ändra på(förutsatt att du redigerar i rätt del av CSS-filen, i det här fallet sidomenyn). På hemsidan kan du också pröva dig fram för att hitta färgkoder som du sedan kan använda på din blogg.
    Jag hoppas att det här besvarade din fråga! Du får gärna fråga igenom du inte förstod(eller om jag missförstod dig).
  • Hey!
    I'm commenting in English, since my Swedish suck! I can read and understand most of it, but not write it!
    I would like to know how to get different stuff in the "sidebar" (kategorisidan)? Like, lists, pictures, text and stuff like that.
    'Cause I would like to have a picture of myself and a little description underneath, like a small bio or something.

    And! I have another question; If you look at my blog, you can see that the wrapper/"the white thingie" under my "sidebar" continues. I would like if it stopped when my "sidebar" stopped.

    Hope you can answer my questions!

    - Shiny! :)
  • The Blog Guru
    Hej!
    Hoppas att det är okej att jag svarar på svenska, hojta till om du inte förstår, så skriver jag om svaret på engelska.
    Hos Blogg.se borde det bara vara att gå in i Inställningar > Profil för att få fram en presentation i sidomenyn. Där kan du lägga till bild, beskrivning m.m. Anledningen till att det inte syns nu är förmodligen för att du inte har fyllt i någon beskrivning tidigare.
    När det gäller din sidomenys(sidebar) höjd så vet jag faktiskt inte hur man gör. Det ser ut som att sidomenyn sitter ihop med inläggens bakgrund, så de löper parallellt. När innehållet på sidan tar slut, så tar sidomenyn slut.
    Om du verkligen vill ändra på det så kan du utgå ifrån ett annat tema hos Blogg.se. Exempelvis 'Travel'.
    Hoppas det går bra och lycka till!
blog comments powered by Disqus

Äldre inlägg:

Nyare inlägg: