TablePress: das Aussehen von Links individuell gestalten

  • Gelöst allamda

    (@allamda)


    vor 8 Jahren, 11 Monaten

    Hallo liebe Forum-Mitglieder,
    ich bin neu hier und auch überhaupt ein Neuling bei der Erstellung von Webseiten. Leider hat meine Internetrecherche keinen gewünschten Erfolg gebracht, obwohl ich schon alles mögliche durchprobiert habe… Darum geht es: Ich habe mir eine Domain und das Theme dazu gekauft. Nun möchte ich aber auch das gekaufte Theme etwas in meinem Sinne verändern. Speziell geht es um die Links innerhalb einer Tabelle (erstellt mit TablePress), die nicht wie ein Link aussehen sollen ;o) (Damit jeder verstehen kann, worum es mir geht, ist hier die Seite http://ali-shopaholic.de/beauty/). Ich hätte gern die Links in der Tabelle in dunklem Grau (auch nach Benutzung!) und sie dürfen nicht unterstrichen sein, weil das das ganze Design zu unübersichtlich und unruhig macht. In der zweiten Spalte werden nämlich alle Produkte, die ich im Video genutzt habe, als Links hinterlegt. Bei der Menge wird es durch die ganzen Unterstreichungen ziemlich „bunt“… Hat jemand eine Idee, was ich in den Einstellungen zu dieser Tabelle als „Zusatz-CSS“-Befehl eingeben kann?
    Das habe ich u.a. schon probiert und denke, dass ich damit ziemlich nah dran bin: 

    .tablepress-id-12 . thead th,
.tablepress tfoot th background-color: #000000;
.tablepress td a {
	color: #4e4e4e;
}

a:link
{ font-family: Arial;
font-size: 15px;
color: #4e4e4e;
text-decoration: none;
text-underline: none; } 

a:active
{ font-family: Arial;
font-size: 15px;
color: #4e4e4e;
text-decoration: none;
text-underline: none; } 

a:visited
{ font-family: Arial;
font-size: 15px;
color: #4e4e4e;
text-decoration: none;
text-underline: none; } 

a:hover
{ font-family: Arial;
font-size: 15px;
color: #4e4e4e;
text-decoration: none;
text-underline: none; }

    Allerdings verschwinden alle Zeilen mit „text-underline: none;“ (sie werden schon beim Eintragen in Rot geschrieben) direkt nach dem Speichern wieder und der Befehl wird selbstverständlich auch nicht angewandt.

    Nach sehr vielen Fehlversuchen, bei denen ich auch fast schon das ganze andere Design zerschossen hätte, bräuchte ich bitte-bitte eine Lösung, die funktioniert und auch wirklich in der Form geschrieben wird, wie ich es auch als Beispiel reingesetzt habe, da ich mich mit den ganzen Klammern und Semikolons noch etwas schwer tue ;o) Ich danke Euch ganz herzlich im Voraus!

    Moderationshinweis: Bitte Code auch immer als Code auszeichnen. Danke!

Ansicht von 5 Antworten – 1 bis 5 (von insgesamt 5)
  • Monika

    (@monika)

    vor 8 Jahren, 11 Monaten

    versuch es so 

    .tablepress-id-12 a,
.tablepress-id-12 a:link,
.tablepress-id-12 a:visited,
.tablepress-id-12 a:link:visited,
.tablepress-id-12 a:hover,
.tablepress-id-12 a:link:hover{
text-decoration: none;
border-bottom:none;
font-family: Arial;
font-size: 15px;
color: #4e4e4e;
}
    Thread-Starter allamda

    (@allamda)

    vor 8 Jahren, 11 Monaten

    Liebe Monika, du bist ein Schatz! Vielen lieben Dank! Ich war schon ziemlich am Ende mit meinen Nerven, weil mich die blöden Links so gestört haben und ich keine Lösung dafür finden konnte… Jetzt ist alles gut ;o)

    Moderationshinweis: Schön, dass jetzt alles klappt! Noch eine Bitte: Denkst du bitte demnächst daran, den Thread abschließend auf „resolved“ zu stellen? Das erspart uns ein wenig Arbeit. Vielen Dank, Bego

    Thread-Starter allamda

    (@allamda)

    vor 8 Jahren, 11 Monaten

    und wenn ich Dasselbe auf ALLE meine Tabellen anwenden will? Ich habe es gerade mit ganz oben in den Einstellungen der Zusatz-CSS anfügen versucht, aber es hat nicht hingehauen. Anscheinend fehlt noch eine Info, damit es angewendet wird.

    .tablepress a,
.tablepress a:link,
.tablepress a:visited,
.tablepress a:link:visited,
.tablepress a:hover,
.tablepress a:link:hover{
text-decoration: none;
border-bottom:none;
font-family: Arial;
font-size: 15px;
color: #4e4e4e;
}

    Danke im Voraus auch für diesen Tipp ;o)

    Monika

    (@monika)

    vor 8 Jahren, 11 Monaten

    probier es so, allerdings beachte, dass ich eine „falsche“ Farbe nutzte 🙂

    .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-size: 15px;
color: red;
}
    Thread-Starter allamda

    (@allamda)

    vor 8 Jahren, 11 Monaten

    Vielen Dank! Hat bestens funktioniert!

Ansicht von 5 Antworten – 1 bis 5 (von insgesamt 5)
  • Das Thema „TablePress: das Aussehen von Links individuell gestalten“ ist für neue Antworten geschlossen.