Schriftfarbe ändern

Thema wurde von Anonymous, 8. April 2019 erstellt.

  1. Anonymous

    Anonymous Mitglied

    Hallo ihr Lieben,
    ich brauche mal wieder Hilfe für die Farbeinstellung einer Schrift.

    Und zwar geht es um die Warenkorb-Box und den Link "Ausland Abweichend".
    Die Einstellung muss zusammenhängen mit einer anderen Farbeinstellung die ich gemacht habe, weil sie nämlich dasselbe Grau hat wie mein Hintergrund und ich sie gerade nur durch Zufall entdeckt habe, weil der aktive Link ein bisschen dunkler ist. (Siehe Bild).


    Ich würde jetzt gerne nur diese zwei Wörtchen in einer anderen Farbe haben, denke das müsste ich dann mit CSS machen. Aber da ich davon keine richtige Ahnung habe, hoffe ich, einer von euch kann mir helfen!

    Danke und Grüße
     

    Anhänge:

  2. Anonymous

    Anonymous Erfahrener Benutzer

    Hallo,
    die Texte lassen sich farblich markieren:
    Styledit -> Allgemein -> Farben -> Linkfarbe
     
  3. Anonymous

    Anonymous Mitglied

    Hallo, danke für die Antwort!
    Ich würde eigentlich gerne nur diesen Link farblich ändern, der Rest darf gern grau bleiben. Man kann ja über die Linkfarbe nur einmal generell einstellen und nicht für jede Box oder ähnliches. Deshalb dachte ich an CSS.
     
  4. Andreas Siebold

    Andreas Siebold Erfahrener Benutzer

    Müsste so gehen:

    Code:
    .info-shipping a{
      color: #123456;
    }
    /* Hover Farbe*/
    .info-shipping a:hover{
      color: #abcdef;
    }
    
     
  5. Anonymous

    Anonymous Mitglied

    Hey, danke aber funktioniert leider nicht so. :confused:
     
  6. barbara

    barbara G-WARD 2014-2020

    Link zur Seite, dann kann man schauen wie Dein css da aussieht.
     
  7. Anonymous

    Anonymous Mitglied

    Mein Shop ist noch nicht online
     
  8. Andreas Siebold

    Andreas Siebold Erfahrener Benutzer

    Habe obige Klasse im Gambio-Testshop nicht gefunden. (verm. erst ab Shopversion 12.0) Probiers doch mal mit diesem Selektor:
    Code:
    .product-info .product-info-details .dl-horizontal a{
      color: #123456;
    }
    /* Optinal Hover Farbe*/
    .product-info .product-info-details .dl-horizontal a:hover{
      color: #abcdef;
    }
    Wenn du auch den Versand-Link ändern möchtest: .dl-horizontal weglassen
     
    Zuletzt bearbeitet: 9. April 2019
  9. Anonymous

    Anonymous Mitglied

    Dankeschöööön! Das hat nun geklappt!!! :D