Farbe des Artikelnamens ändern u. bei Mausberührung unterstreichen

Thema wurde von gerhardkammerer, 1. April 2020 erstellt.

  1. gerhardkammerer

    gerhardkammerer Erfahrener Benutzer

    Hallo Leidensgenossen,

    Ich würde gerne den Namen des Artikels eine Andere Farbe geben z.B. Rot oder Blau ect.
    Finde aber in den Templateeinstellungen keine Möglichkeit, kann man das überhaupt?

    Des weiteren würd ich gerne, wenn der Kunde mit der Maus drauf zeigt das dieser Name Unterstrichen erscheint.
    Hierzu find ich auch keine Möglichkeit.

    Vielleicht weiß ja jemand was darüber.
    Hab in der Forensuche auch nix passendes gefunden.

    Vielen Dank derweil u. Gesund bleiben!
     
  2. barbara

    barbara G-WARD 2014-2020

    Template oder Theme?
    Welche Shopversion?

    Soll das generell, also auch im Artikel, oder nur in der Listenansicht?
     
  3. gerhardkammerer

    gerhardkammerer Erfahrener Benutzer

    Hallo Barbara,

    das sollte generell in der Listen und Kachelansicht so sein.
    Shop Version 4.0.0.1
    Honeygrid Template

    Danke u. VG
     
  4. barbara

    barbara G-WARD 2014-2020

    für den Unterstrich beim hovern und die Textfabe in Liste und Kachel:
    Code:
    .product-container .inside .content-container .content-container-inner .title a:hover {
        text-decoration: underline !important;
    }
    .product-container .inside .content-container .content-container-inner .title a {
        color: #Farbcode;
    }
    
    (Eventuell muss auch der Farbcode mit einem "!important" verstärkt werden.
     
  5. gerhardkammerer

    gerhardkammerer Erfahrener Benutzer

    Guten Morgen,

    Hat Super geklappt, auch ohne den "important" bist eben eine Klasse Frau!
    Evt. könntest du mir noch sagen welchen Code ich hinzufügen soll wenn der Name in Fettschrift erscheinen soll.
     
  6. barbara

    barbara G-WARD 2014-2020

    eigentlich sind die schon in Fett
    Du könntest aber die Schriftgröße ändern, indem Du bei der Farbe die Zeile hinzufügst:
    Code:
    font-size: 18px;
    Die px musst Du anpassen.
     
  7. gerhardkammerer

    gerhardkammerer Erfahrener Benutzer

    Danke Dir! Perfekt!! :)