Twenty ten Bilder von Link-Unterstreichung ausnehmen

  • Ich möchte den Links in den Page- & Post-Texten eine Unterstreichung als Hover-Effekt hinzufügen und habe folgenden Code ins style.css eingetragen:

    PHP
    .entry-content a:hover {
    border-bottom:1px dotted #84945F;
    }


    Das klappt nun wunderbar mit den Links im Text, allerdings bekommen meine in den Pages und Posts eingefügten Bilder mit Verknüpfung nun auch die Unterstreichung.

    Das Problem scheint ähnlich zu sein wie hier.

    Allerdings hat die dort vorgeschlagene Lösung mit

    PHP
    .entry-content .wp-caption a:hover {
        border: none;
    }


    bei mir nicht funktioniert.

    Hat jemand einen anderen Lösungsvorschag? Merci!

    • Anzeige

    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

  • Da verlinkte Bilder in meiner Testinstallation im TwentyTen Theme nicht unterstrichen werden, wäre ein Link zu Deinem Blog hilfreich, damit man sich das mal live ansehen kann.

    EDIT: Oder versuch´s mal mit

    Code
    .entry-content a img {border: none;}
    .entry-content a img:hover {border: none;}

    Einmal editiert, zuletzt von mfitzen (8. Oktober 2010 um 12:25)

  • Danke, infected, für deine Unterstützung!

    Ich habe deinen Code ergänzt, allerdings hat sich nichts verändert. Die "Unterstreichung" auf dem Bild bleibt.

    Live kannst du dir das hier ansehen.

    Um genau zu sein verwende ich ein Child-Theme zu Twenty Ten. Allerdings ist wirklich der im Eingangspost erwähnte Code für die "Unterstreichung" verantwortlich. Wenn ich diesen auskommentiere, werden weder bei Bild noch bei den Text-Links die "Unterstreichungen" dargestellt.

    Auf das Bild wird das Plugin "Fancybox" angewendet. Das Plugin hat jedoch kein Einfluss, die nicht gewünschte Darstellung bleibt erhalten, wenn ich das Plugin deaktiviere.

  • Yepp! Das funktioniert!

    Offenbar hängt da Fancypox beim Einfügen von Bilder noch etwas Code dran. Da nützt es dann natürlich nichts, das Plugin zu deaktivieren :-(

    Herzlichen Dank, infected, du hast mir sehr geholfen!!

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!