Schriftart der Labels ändern

[Katja]

Hallo Oliver,

seit zwei Tagen bastle ich an der Erstellung meines Blogs (collectedbykatja.blogspot.co.at). Direkt unterm Header habe ich mir eine horizontale Menüleiste mithilfe der "Seiten" ("Top-Tabs") erstellt. Dort habe ich klassische Infos wie "home", "about", "contact" etc. angebracht. In die linke Sidebar habe ich unter dem Titel "collections" labels aufgelistet (Liste, keine Cloud). Nun meine zwei Fragen dazu:

1. Kann man die Aufzählungspunkte bei den Labels entfernen?

2. Kann man den Labels (nicht dem Titel; das habe ich schon geschafft) eine andere Schriftart & -größe geben?

Ich hätte so gerne, dass die Schriftart, -größe und -farbe der Labels ident mit den Post-Titeln ist. Damit das Ganze wie ein vertikales Menü in der Sidebar aussieht.

Im Vorlagendesigner kann ich nur den gesamten Seitentext ändern, aber das will ich ja nicht! Habe schon versucht, ne Lösung im CSS zu basteln, komme aber nicht weiter (bin ein kompletter Anfänger).

Hoffe, dass ich mich einigermaßen verständlich ausgedrückt habe (das alles ist für mich komplettes Neuland :-/ ...) und Du mir helfen kannst!

Danke und LG,

Katja

[oliver]

Hi,

beides geht mit CSS.

1. Kann man die Aufzählungspunkte bei den Labels entfernen?

 

Vorlagen Designer > Eigene CSS

#Label1 li {

list-style: none

}

 

2. Kann man den Labels (nicht dem Titel; das habe ich schon geschafft) eine andere Schriftart & -größe geben?

#Label1 li a {

font-family: georgia;

font-size: 20px;

}

Drück hinter der letzten geschweiften Klammer } der letzten Zeile die Taste 'Eingabe' und du siehst die Änderung ... wenn es passt, kannst du mit 'Auf Blog anwenden' sichern.

Wenn was fehlt, einfach fragen, okay?

LG Oliver

[Katja]

Hallo Oliver,

wow, danke! Schon umgesetzt und wunderbar funktioniert!!! Danke!!! Hoffe, ich bin nicht lästig, wenn ich noch was frage: Die Labels sind jetzt nach wie vor eingerückt, allerdings ohne Aufzählungszeichen. Kann man hier im CSS den Einzug weggeben? Hätte die Labels gerne linksbündig mit der Überschrift "collections".

Herzlichen Dank und LG,

Katja

[oliver]

Klar geht das - ergänze die CSS noch damit:

#Label1 ul {

 padding: 0

}

Für den Abstand der Labels zueinander kannst du die CSS von oben so ergänzen:

#Label1 li {

 line-height: .8em

}

Gruß Oliver

P.S.: Der Post mit dem 'Wunsch-Layout' ist irgendwie verschütt gegangen ... aber wie ich sehe, hast du's jetzt hingebracht, oder?

[Katja]

Verspätet aber wie immer 1000 Dank! Toll, dass es jemanden wie Dich gibt, der Laien wie mir so rasch & leicht verständlich hilft!

VLG,

Katja

[oliver]

Danke für die Rückmeldung!

LG Oliver

[Vanessa]

Hallo Oliver,

das Thema ist zwar schon etwas veraltet, aber ich verzweifel gerade und hoffe, Du kannst mir weiterhelfen.

Kann ich nach dieser Vorlage auch die Schriftart meiner Tabs (Seitenelemente) bei Blogger ändern? Falls ja, durch welches Wort muss ich dann "Label" ersetzen?

Ich habe bisher zwar gefunden wie man die Schriftart des Blogtextes, des Headers, der Labels etc. ändern kann, nicht aber der Seiten (Tabs).

Vielen Dank im Voraus & liebe Grüße,
Vanessa