Linkfarbe in der Warenkorb-Box trennen

[Shoryuken]

Hi,

ich gestalte meine Box für den Warenkorb und habe einen hellen Hintergrund eingefügt, jedoch bleiben die Artikellinks im Warenkorb  in der Farbe, die in der CSS unter:

Code: CSS  [Auswählen]

a:link {
    color:#FFFFFF;
    outline: none;
}
a:visited {
    color:#FFFFFF;
    outline: none;
}
a:hover, a:active {
    color:#E40000;
    outline: none;
}
a:hover {
    color:#555;
    text-decoration:underline;
    outline: none;
}

...eingestellt ist und ich brauch unbedingt im Warenkorb eine schwarze Textfarbe - also muss ich den Text im Warenkorb irgendwie trennen.

Hab mir die box_cart.html angeschaut und versucht, die Zeile:

Code: PHP  [Auswählen]

<a href="{$products_data.LINK}">{$products_data.NAME|truncate:20:"...":true}</a>

...in ein DIV-Tag zu stecken. Hab vorher in der stylesheet.css einen neuen Punkt erstellt:

Code: CSS  [Auswählen]

.boxcartschrift {
    font-size:11px;
    color:#000000;
}

Also sah die bearbeitete Zeile in der box_cart.html so aus:

Code: PHP  [Auswählen]

<div class="boxcartschrift"><a href="{$products_data.LINK}">{$products_data.NAME|truncate:20:"...":true}</a></div>

Hat leider nicht geholfen.  

Gruß Ken



Linkback: https://www.modified-shop.org/forum/index.php?topic=8005.0

[franky_n]

Hallo Shoryuken,

dann mach in das href Tag eine Klasse mit: class="".

Schau Dir bitte auch mal ein wenig HTML und CSS an damit man nicht jeden "Pups" hier erklären muß.
Ansonsten kann ich Deinen Shop bald schon besser selber komplett machen...

Viele Grüße

Franky

[Shoryuken]

Hi Franky,

hab schon einige Sachen versucht, klappt nicht. Dazu zählte auch der class="" Tag in die href einzubauen. Ich frag ja nicht hier um die Leute zu ärgen, sondern versuche immer erst selbst das Problem zu lösen, aber wenn man in einer Sackgasse steckt, benötigt man manchmal Hilfe.

Gruß Ken

[e-moves]

Hallo  Shoryuken,
du musst auch den anker direkt ansprechen, etwa so:

Code: CSS  [Auswählen]

.boxcartschrift a {
    font-size:11px;
    color:#000000;

}
oft hilft auch noch ein !important um andere styles zu überschreiben

Code: CSS  [Auswählen]

.boxcartschrift a {
    font-size:11px!important;
    color:#000000!important;

Ich hoffe das hilft dir weiter.

[franky_n]

Hallo Shoryuken,

hier mal was für die CSS ohne Änderung am Warenkorb:

Code: CSS  [Auswählen]

.boxcartbody a:link {
    color:#FFFFFF;
    outline: none;
}
.boxcartbody a:visited {
    color:#FFFFFF;
    outline: none;
}
.boxcartbody a:hover, a:active {
    color:#E40000;
    outline: none;
}
.boxcartbody a:hover {
    color:#555;
    text-decoration:underline;
    outline: none;
}

Und ganz ehrlich? Da hättest Du auch drauf kommen können wenn Du Dir andere <href>s angeschaut hättest in Deinem Template.  

Viele Grüße

Franky

[Shoryuken]

Hi,

Kinky, hatte mit deinem Tipp nicht geklappt, aber Franky hat die Lösung schon gepostet.

@Franky: Das wusste ich gar nicht - wieder etwas Neues gelernt - vielen Dank.  

Gruß Ken