1. Herzlich willkommen bei WPDE.org, dem grössten und ältesten deutschsprachigen Community-Forum rund um das Thema WordPress. Du musst angemeldet oder registriert sein, um Beiträge verfassen zu können.
    Information ausblenden

Linkfarbe ändern

Dieses Thema im Forum "Design" wurde erstellt von moonchild, 16. Mai 2005.

  1. moonchild

    moonchild Well-Known Member

    Registriert seit:
    12. Mai 2005
    Beiträge:
    112
    Zustimmungen:
    0
    Hallo, ich möchte die Farbe der Links, insbesondere die Farbe der Links in der sidebar, ändern. Wo in der style.css kann ich das machen?

    Danke für eure Hilfe!
     
  2. Christof

    Christof Well-Known Member

    Registriert seit:
    14. März 2005
    Beiträge:
    122
    Zustimmungen:
    0
    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
    Einfach die Farbangaben mit beliebig anderer ersetzen.
     
  3. yuh

    yuh Well-Known Member

    Registriert seit:
    17. Februar 2005
    Beiträge:
    217
    Zustimmungen:
    0
    das ist eigentlich ganz leicht erklärt. aber hilfreich wäre es wenn du dein template bzw design mit erwähnen würdest.

    grund ist, es gibt verschiedene sachen bei den hoovers, block oder underlined text decoration die man alles mit den "farben" einstellen kann....und natürlich viele mehr.

    zu den farben zurück. im stylesheet musst nach was ähnlichem suchen wie das hier :
    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
    wenn du trotzdem probleme haben solltest schick mir eine pm, ich helf dir gern
     
  4. Ria

    Ria Well-Known Member

    Registriert seit:
    24. September 2004
    Beiträge:
    408
    Zustimmungen:
    0
    Hi ALL,
    wie hier im Thread beschrieben, klappt es bei mir nicht, warum?

    habe jetzt doch mal das Kubrick default Theme umgefärbt (wordpress 1.5.2).

    Leider bekomme ich auch nach der Beschreibung im Buch Seite 27, die Sidebar nicht völlig hin.

    Also die Überschriften war kein Problem ( default\style.css - ca. Zeile 109+162 ). Jedoch die Links darunter (ca. Zeile 180+185) tut sich nichts.

    Die Farbe, die angezeigt wird müßte #0066CC sein. Ist aber auch nicht zu finden! ( sieht fast wie ein Bug aus)

    Auch die Größe scheint sich nur zusammen mit den Überschriften ändern zu lassen. Welcher Profi hier kann mir mal den ultimativen (etwas genaueren) Tipp, bitte, geben?

    Gruss Ria
     
  5. ben

    ben Well-Known Member

    Registriert seit:
    15. Juni 2005
    Beiträge:
    426
    Zustimmungen:
    0
    Vom Kubrick theme habe ich keine Ahnung.
    ich kann dir nur einen generellen Tip geben zu Farben und Templategestaltung:
    hol dir den Colorzilla für Firefox: http://www.erweiterungen.de/detail/141/

    und gehe damit über die Bereiche, die du ändern willst. Er sollte dir in der Statusleiste unten immer die aktuelle ID und CLASS (und den Farbwert) aus der css angeben. Das klappt nicht immer, hat mir aber schon sehr geholfen Fehler und bestimmte Farben schnell zu ändern.

    2.: Wenn du eine Farbe ändern willst, und dir nicht sicher bist, WO genau du die Änderung vornimmst, dann ändere sie zuerst in eine Augenkrebsfarbe, die garantiert nicht zu deiner Seite passt und dir sofort ins Auge springt ( #0F0 oder #F00 oder #00F )

    ich hoffe, das kann dir etwas helfen.

    Ben
     
  6. Ria

    Ria Well-Known Member

    Registriert seit:
    24. September 2004
    Beiträge:
    408
    Zustimmungen:
    0
    :D Hi,
    habe es gerade gefunden. Trotzdem besten Dank. Man muß die farbe an 2 Stellen ändern.

    Gruss Ria
     
  7. sunnynixe

    sunnynixe New Member

    Registriert seit:
    21. Oktober 2016
    Beiträge:
    4
    Zustimmungen:
    0
    Hallo, ich habe eine Frage und verzweifle schon. Ich habe absolut keine Ahnung vom technischen. Aber schon soviel verstanden, dass ich, wenn ich eine Farbe ändern will, im Themeneditor die Farbe einfach ersetzen muss. Die Farbe die ich nicht mag hab ich komplett gegen eine andere ersetzt. Das habe ich ausprobiert, hat sich aber einfach garnichts geändert. Ich nutze das Theme von Wordpress Fashionistas und möchte die Farbe des Cursors ändern, wenn er auf das Menü geht oder Dinge anklickt. Was muss ich da genau ändern? Ich kopiere mal den Editorteil hier:

    #main-navigation {
    border: solid #333;
    border-width: 1px 0 3px;
    }
    #main-navigation li a {
    padding: 0 20px;
    color: #333;
    font-size: 1.2em;
    line-height: 50px;
    letter-spacing: 1px;
    }
    #main-navigation .sf-menu > ul > li:after {
    width: 6px;
    float: left;
    margin-top: 16px;
    content: "/";
    display: block;
    color: #e6e6e6;
    font-size: 1.8em;
    font-family: Arial, Helvetica, sans-serif;
    }
    #main-navigation .sf-menu > ul > li:last-child:after {
    display: none;
    }
    #main-navigation li:hover ul,
    #main-navigation li.sfHover ul {
    top: 50px;
    background: #333;
    }
    #main-navigation li li:hover ul,
    #main-navigation li li.sfHover ul {
    top: -1px;
    border-left: 1px dotted #565656;
    }
    #main-navigation li li {
    border-bottom: 1px dotted #565656;
    }
    #main-navigation li li a {
    color: #a6a6a6;
    }
    #main-navigation li a:hover,
    #main-navigation li.sfHover > a,
    #main-navigation li.current_page_item > a,
    #main-navigation li.current-menu-item > a,
    #main-navigation li.current-menu-parent > a,
    #main-navigation li.current-page-parent > a,
    #main-navigation li.current-page-ancestor > a,
    #main-navigation li.current_page_ancestor > a {
    color: #d6d6d6;
    }
    #main-navigation li:hover li a,
    #main-navigation li.sfHover li a {
    padding: 10px 20px;
    font-size: .75em;
    line-height: normal;
    }

    /* Small Navigation */
    .nav-open,
    .nav-close {
    display: none;
    color: #333;
    font-size: 1.2em;
    font-weight: 400;
    font-family: Oswald, Arial, Helvetica, sans-serif;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 50px;
    letter-spacing: 1px;

    @media only screen and (max-width: 60em) {
    .nav-open {
    display: inline-block;
    }
    #main-navigation:target > .nav-open {
    display: none;
    }
    #main-navigation:target > .nav-close {
    display: inline-block;
    }
    #main-navigation > .sf-menu {
    position: relative;
    text-align: left;
    }
    #main-navigation > .sf-menu > ul {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    max-height: 0;
    max-width: 16em;
    overflow: hidden;
    background: #333;
    }
    #main-navigation:target > .sf-menu > ul {
    max-height: 900px;
    max-width: 100%;
    z-index: 901;
    }
    #main-navigation > .sf-menu > ul > li {
    float: none;
    display: block;
    border-bottom: 1px dotted #565656;
    }
    #main-navigation > .sf-menu ul li:eek:nly-child {
    border-top: 1px dotted #565656;
    }
    #main-navigation > .sf-menu ul li:last-child {
    border-bottom: none;
    }
    #main-navigation > .sf-menu > ul > li:after {
    display: none;
    }
    #main-navigation li a {
    float: none;
    display: block;
    color: #fff;
    }
    #main-navigation li li:hover ul,
    #main-navigation li li.sfHover ul {
    border-left: none;
    }
    ul.sub-menu li {
    float: none;
    display: block;
    z-index: 902;
    }
    .sf-menu li ul {
    top: -999em;
    position: static;
    z-index: 900;
    }
    }

    /* Links */
    a {
    color: #1fa0ae;
    outline: none;
    -webkit-transition: all 0.14s ease 0s;
    -moz-transition: all 0.14s ease 0s;
    -o-transition: all 0.14s ease 0s;
    }
    a:visited {
    color: #1fa0ae;
    }
    a:hover,
    a:focus,
    a:active {
    color: #333;
    }
     
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Information ausblenden
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Information ausblenden