Schriftgröße der Links (Blogroll) anpassen

Felria

Hallo,

auf meiner Wordpress-Seite gibt es unterschiedliche Widgets in der Sitebar. Von diesen möchte ich nur die Links anpassen. Allerdings finde ich in der CSS keine classe, wo ich da was anpassen könnte. Muss ich die selber anlegen?

Hoffe ihr könnt mir helfen :)

Björn

Werbepost

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)

Mehr erfahren

cester

Ja musst du! :-)

für den Punkt "Externes":

Code

.xoxo blogroll li a{
font-size: 14px;
}

Felria

Hm... klappt irgendwie nicht so einfach. Habe den code einfach unten in die style.CSS eingefügt. Ändert sich aber nichts. Muss ich da noch irgendwo anders was anlegen?

cester

Versuchs mal damit:

Code

.sidebar li ul.xoxo blogroll li a{
font-size: 14px;
}

mfitzen

Einfach nur

Code

.xoxo a {font-size: 2em;}

in die style.css des Themes einfügen.

Felria

Danke infected!

Zitat

Einfach nur Code:
.xoxo a {font-size: 2em;}
in die style.css des Themes einfügen.

Das hat was gemacht. Und zwar sind die einzelnen links jetzt groß geworden. Kannst Du mir das, was da steht noch etwas erklären? Wie kann ich z.B. statt der Links, die Überschrift verändern und was das a vor der Klamme und was bedeutet 2em.

Vielen Dank jedenfalls schonmal!

Morris

Installier dir Firefox und das Addon Firebug. Damit kannst du Elemente untersuchen und sehen welche CSS-Deklarationen diese beeinflussen.

Gruß
Mo

mfitzen

Zitat

Kannst Du mir das, was da steht noch etwas erklären?

"." steht für Klasse, "xoxo" ist die Bezeichnung, "a" steht für das HTML Element a (Links), "2em" ist eine Schriftgröße (Einheit em). Das sind aber alles CSS Grundkenntnisse, die Du Dir an anderer Stelle besser aneignen kannst. Z.B. hier: http://www.css4you.de. Bitte habe Verständnis dafür, dass wir das hier nicht alles großartig erklären werden. Dafür gibt es genügend andere Quellen im Web.

Ansonsten schließe ich mich dem Morris an und verweise Dich auf das Firefox Addon. Damit kannst Du schnell und einfach herausfinden, welche Elemente das Aussehen der Website in welchem Maße beeinflussen.

Felria

Schönes Plugin! Hatte bisher nur X-Ray benutzt. Mit Firebug kommt man schneller dahinter, was wo zu finden ist.

Allerdings schaffe ich es noch nicht die Überschrift (Link-Kategorie) meiner Seite zu ändern. Aktuell zieht es sich die Formatierung aus .sidebar. Da kann ich natürlich die Überschrift h3 nur global ändern. Habe jetzt das .sidebar kopiert und .xoxo davor gesetzt:

Zitat

.xoxo h3 {
color:#ffffff;
/*font-family:"arial narrow",arial;*/
font-size:2px;
font-weight:normal;
margin-bottom:10px;
padding:0px 5px 5px 16px;
background:url(images/sidebar_border.jpg) no-repeat left bottom;
}

Alles anzeigen

Leider greift er darauf nicht zu :-( Statt dessen nimmt er weiterhin die globale definitoin von .sidebar

Hat jemand noch eine Idee, woran es liegen könnte?

mfitzen

Zitat von Felria

Leider greift er darauf nicht zu :-( Statt dessen nimmt er weiterhin die globale definitoin von .sidebar

Richtig, weil Du dieser einen Überschrift keine Klasse zugewiesen hast. Das musst Du dann natürlich im Template selber machen, also in der sidebar.php

Code

<h3 class="xyz">Externes</h3>

Anschließend kannst Du die style.css bearbeiten.

Code

.xyz {font-weight: bold...}

Felria

OK. So langsam beginne ich zu verstehen, wie php und css ineinander greifen. ;)
Ich hab es jetzt aber doch anders gelöst. Und zwar habe ich ein Text-Widget eingefügt und in html folgendes reingeschrieben:

Zitat

<h3></h3>
<h3><a href="http://www.augen-auf-reise.de/?cat=9" >Reisetagebuch / <br>Carnet de voyage</a></h3>
<h3><a href="http://www.flickr.com" target='_blanc'>Photos</a></h3>
<h3><a href="http://www.forumsfree.de" target='_blanc'>Forum</a></h3>

Sieht auch chick aus. Trotzdem werde ich die Tage auch nochmal die Variante mit der klassen-definition versuchen. Will ja verstehen, wie das system tickt :razz:

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Schriftgröße der Links (Blogroll) anpassen

Jetzt mitmachen!