Vill du lära dig att bygga webbplatser och bloggar via webben? Jag utbildar dig!

Designfunktioner
Pris: 379kr
Gå till kursen »
WordpressSkolan
Pris: 479kr
Gå till kursen »
WordpressSkolan Light
Pris: 349kr
Gå till kursen »

Fråga: Ändra utseende på bloggnamn + beskrivning (design 9)

Obs! Om du bara ska använda bloggnamn (och inte beskrivning) rekommenderar jag att du tar bort detta: <h2>${BlogDescription}</h2> i varje kodmall (front, entry, category & archive page).

1 ). Gå in på design > redigera stilmall

2 ). Leta upp avsnitt (ctrl + f) h1 och h2

h1 = bloggnamn
h2 = beskrivning

Så här ser h1 ut

h1 {
font-family: Calibri, verdana, sans-serif; <-- här ändrar du typsnitt
font-size: 14px; <-- här ändrar du textstorleken
font-weight: bold; <-- här väljer man bold, medium eller none
color: #000000; <-- färg (bry er inte om den, titta vid h1 a istället.
margin-top:10px;
margin-bottom:0px;
padding:0px;
}

h1 a {
color:#000000; <-- ändra färg här
}

h1 a:hover {
color:#ffffff; <-- ändra färg här (musen är över)
}

..eftersom att h1 (bloggnamn) är en länk ska man ändra färgen vid h1 a & h1 a:hover.

Så här ser h2 ut

h2 {
font-family: calibri, verdana, arial, sans-serif; <-- här ändrar du typsnitt
font-size: 10px; <-- här ändrar du textstorleken
font-weight: bold; <-- här väljer man bold, medium eller none
text-transform: uppercase; <-- här väljer man uppercase (stora bokstäver) eller none (små bokstäver)
color: #000000; <-- textfärg
margin-top:4px;
margin-bottom:0px;
margin-left: 0px;
padding:0px;
}

3 ). Förhandsgranska & spara stilmallen!

Bli först att gilla

3 svar till Fråga: Ändra utseende på bloggnamn + beskrivning (design 9)
  1. Louise Caroline

    Tack! :D

    [Svara]

  2. Emma.

    Okej , jag vet att detta börjar bli drygt för dig. Med alla som jag som heter emma och frågar och frågar. Detta hör inte till beskrivningen och texten osv. MEN TILL DESIGN nio. Vilka är måtte på headern , den med tomtar på . Vill göra min blogg lite mer personlig , du vet. Skulle döda för måtten. Så jag kan göra en ny header efter julen , även fast jag är iiiiinnn loooove i denna designen (: Tack ännu en gång för en toppen blogg , tescho hjälpande handen i mörkret. :D

    Svar från Tescho: Men det lättaste är att använda den headern som finns, dvs spara hem header-bilden (kopiera bildadressen > öppna nytt fönster > hämta och högerklicka på bilden för att spara ner på datorn). När man öppnar bilden i nytt fönster står det även vad det är för mått på bilden :)

    [Svara]

  3. Emma.

    SV; Tack så mycket Tescho. Men nu har jag fixat in mig i photoshop. ( http://suivrelavoiefacile.blogg.se/ ) < -- Kolla. Då ser du att det vita har sträck ut sig över hela header, ah bakom det , men ändå. Ska jag fixa något i ps? Eller på stilmallen/kodmallen? Och i värsta fall.. Kan du fixa det?

    Svar från Tescho: Jag ser inga vita streck..

    [Svara]

Kommentera

Din e-post kommer inte att visas. Vänligen ange ditt namn, e-post och en kommentar.

*

Följande HTML-taggar och attribut är tillåtna: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>