Theme Olsen Hyperlink-Aussehen ändern und für die gesagte Website festlegen

allamda
(@allamda)

vor 8 Jahren, 2 Monaten
Liebe Forum-Mitglieder,
ich bin ein Neuling und habe mir am Wochenende eine Homepage mit meinen etwas spärlichen Kenntnissen gebastelt bzw. das gekaufte Theme Olsen noch etwas auf meine Bedürfnisse angepasst.

Nun suche ich (und finde leider nichts), wie ich das Aussehen der Links auf der gesamten Seite http://www.ali-shopaholic.de verändern kann. Nach meiner Anfrage hier im Forum hat mir Monika freundlicherweise schon mit den Links in TablePress geholfen. So sieht mein Wunsch-Design aus ;o)
```
.tablepress td a,
.tablepress td a:link,
.tablepress td a:visited,
.tablepress td a:link:visited,
.tablepress td a:hover,
.tablepress td a:link:hover {
	text-decoration: none;
	border-bottom: none;
	font-family: Arial;
	font-weight: bold;
	font-size: 15px;
	color: #4e4e4e;
}
```
Auf dieselbe Art möchte ich mit den restlichen Links auf meiner Seite verfahren. Hat jemand eine Idee, was ich in CSS eintragen muss und vor allem WO? Ich wäre Euch dankbar, wenn Ihr den Code genauso wie ich komplett mit allen Trennzeichen aufschreiben könntet, da mir Bruchstücke momentan wegen mangelnder Kenntnis der Programmiersprache leider wenig bringen würden. Auch meine Englischkenntnisse lassen zu wünschen übrig ;o(Aus diesem Grund war die Suche bei Tante Google auch nicht sehr erfolgreich

Vielen Dank im Voraus!

Ansicht von 7 Antworten - 1 bis 7 (von insgesamt 7)

Moderator Bego Mario Garde
(@pixolin)

vor 8 Jahren, 2 Monaten
```
a,
a:hover,
.entry-content a,
.entry-content a:hover,
.entry-meta a,
.entry-meta a:hover,
.tablepress td a,
.tablepress td a:link,
.tablepress td a:visited,
.tablepress td a:link:visited,
.tablepress td a:hover,
.tablepress td a:link:hover {
	text-decoration: none;
	border-bottom: none;
	font-family: Arial;
	font-weight: bold;
	font-size: 15px;
	color: #4e4e4e;
}
```
Die Regel kannst du unter Design > Anpassen > Other als „custom CSS“ einfügen.

Ob es sinnvoll ist, die Unterstreichung der Links zu entfernen, lassen wir mal dahingestellt. Barrierefrei ist es nicht.
Thread-Starter allamda
(@allamda)

vor 8 Jahren, 2 Monaten

Vielen Dank, das hat zwar funktioniert, aber nun sind die ganzen Überschriften im Blog und auch die Menüpunkte von dieser Regel betroffen. Gibt es eine Möglichkeit, diese von der Regel auszuschließen?

Thread-Starter allamda
(@allamda)

vor 8 Jahren, 2 Monaten

Ich werde wahrscheinlich doch alle Links manuell und einzeln bearbeiten müssen ;o( Kennen Sie vielleicht HTML-Befehl, den ich mit den oben gewünschten Informationen eingeben kann?

Moderator Bego Mario Garde
(@pixolin)

vor 8 Jahren, 2 Monaten

Nun suche ich (und finde leider nichts), wie ich das Aussehen der Links auf der gesamten Seite http://www.ali-shopaholic.de verändern kann.

So hattest du das aber gewünscht.

Thread-Starter allamda
(@allamda)

vor 8 Jahren, 2 Monaten

Ich weiß und bin auch sehr dankbar für den Code, den ich bestimmt noch irgendwann mal für etwas anderes verwenden werde. Aber wie gesagt, durch diese Änderung verändert sich auch alles andere – was nicht gewollt ist.

Moderator Bego Mario Garde
(@pixolin)

vor 8 Jahren, 2 Monaten

Eigentlich ist das hier nicht unsere Aufgabe. Wir helfen dir bei Fragen zu WordPress und leisten Hilfe zur Selbsthilfe, aber bei Dingen wie Cascading Style Sheets musst du dich grundsätzlich einlesen – oder, wenn dir das nicht liegt (was ja völlig OK ist), einen Dienstleister beauftragen.

Aber … was soll’s. Beschreib doch mal, welche Links du nun gerne geändert haben möchtest.
Moderator Angelika Reisiger
(@la-geek)

vor 8 Jahren, 2 Monaten
Ich denke es reicht für Tablepress der folgende Code (laut firebug):
```
[id*="tablepress"] td a {
	text-decoration: none;
	border-bottom: none;
	font-family: Arial;
	font-weight: bold;
	font-size: 15px;
	color: #4e4e4e;
}
```
Und für die Links innerhalbe der Texte noch den Zusatz:
```
.entry-content p a,
```
Und wenn du mit der Maus über einen Link fährst sollte da irgendetwas passieren, damit der Besucher sieht, dass dort auch etwas zum Anklicken ist. Also insgesamt so:
```
.entry-content p a,
[id*="tablepress"] td a {
	text-decoration: none;
	border-bottom: none;
	font-family: Arial;
	font-weight: bold;
	font-size: 15px;
	color: #4e4e4e;
}
```
Und für Maus hover
```
.entry-content p a:hover,
[id*="tablepress"] td a:hover {
	text-decoration: underline;
}
```

Ansicht von 7 Antworten - 1 bis 7 (von insgesamt 7)

Das Thema „Theme Olsen Hyperlink-Aussehen ändern und für die gesagte Website festlegen“ ist für neue Antworten geschlossen.

Theme Olsen Hyperlink-Aussehen ändern und für die gesagte Website festlegen

Themen-Schlagwörter

Ansichten