Hyperlinks farbig gestalten

  • Hallo zusammen,

    in Twenty Fifteen wollte ich folgende CSS verwenden, jedoch kam die Meldung "Markup nicht gestattet":

    <style type="text/css">
    a:link{color:#5858FA;} /* Farbe blau*/
    a:visited{color:#DF0174;} /* Farbe samtrot */
    a:hover{color:#00FFFF;} /* Farbe türkis */
    a:active{color:#FF4000;} /* Farbe knallrot */
    </style>

    Diesen Code habe ich aus http://little-boxes.de.

    Wie kann ich die Hyperlinks so gestalten, dass Wordpress nicht meckert? Kann jemand helfen? Danke.

    Gruß, Jürgen

    • 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

  • Ja. Gut. Jetzt wird nicht mehr gemeckert, funktioniert aber trotzdem nicht so recht.

    Links im Text werden überhaupt nicht markiert (siehe Screenshot).

    Das war übrigens der Grund dafür, dass ich überhaupt damit anfing.


    Links in der Navigation (links seitlich) werden teilweise markiert, ich kann das Muster noch nicht erkennen, welcher Link wann markiert wird und welcher wann nicht. Jetzt scheint mir das noch durcheinander zu gehen.

  • Versuche das mal in den Customizer/Zusätzliche CSS einzufügen!

    a {
    color: #5858FA;
    }

    a:visited {
    color: #DF0174;
    }

    a:hover,
    a:focus {
    color: #00FFFF;
    }

    .main-navigation .current-menu-item > a, .main-navigation .current-menu-ancestor > a {
    color: #FF4000;
    font-weight: 700;
    }

    nothing is as easy as it looks. --- Wenns gefällt - gibts dafür einen Button ;)
    Manchmal komme ich mir wie eine Suchmaschine vor ....:rolleyes:

    Einmal editiert, zuletzt von SEpp55 (6. Februar 2017 um 18:42)

  • durch den Divi Builder, den du verwendest, gibt es spezielle Formatierungen, z.B. auch
    #et_builder_outer_content a

    [size=10]Bitte immer zuerst die Forensuche nutzen und erst danach Deine Fragen hier im Forum stellen, denn sehr vieles wurde schon mehrfach beantwortet. Bitte dabei auch die Forenregeln beachten.
    Kein Support per PN - Fragen gehören ins Forum.[/SIZE]
    [size=8]Wenn du eine weise Antwort verlangst, musst du vernünftig fragen. (Johann Wolfgang von Goethe)[/SIZE]

  • du wolltest doch die Links stylen:


    a:link{color:#5858FA;}
    a:visited{color:#DF0174;}
    a:hover{color:#00FFFF;}
    a:active{color:#FF4000;}

    dann versuch es halt so
    #et_builder_outer_content a:link{...
    #et_builder_outer_content a:visited{...
    usw. usf.

    Ansonsten mal ein bisschen mit CSS beschäftigen.

    [size=10]Bitte immer zuerst die Forensuche nutzen und erst danach Deine Fragen hier im Forum stellen, denn sehr vieles wurde schon mehrfach beantwortet. Bitte dabei auch die Forenregeln beachten.
    Kein Support per PN - Fragen gehören ins Forum.[/SIZE]
    [size=8]Wenn du eine weise Antwort verlangst, musst du vernünftig fragen. (Johann Wolfgang von Goethe)[/SIZE]

Jetzt mitmachen!

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