Produktbezeichnung in der Übersichtsbox farblich ändern

Thema wurde von SperlingC, 1. November 2017 erstellt.

  1. Guten Tag,

    ich möchte die Schriftfarbe des Produktnamens in der Übersichtsbox ändern (gelb markiert), damit deutlich wird, dass dies ein Link zur ausführlichen Produktbeschreibung darstellt.

    Es gibt doch bestimmt einen CSS-Befehl ;)

    Danke für Eure Hilfe!
     
  2. Dennis (MotivMonster.de)
    Dennis (MotivMonster.de) G-WARD 2013/14/15/16
    Registriert seit:
    22. September 2011
    Beiträge:
    31.303
    Danke erhalten:
    6.268
    Danke vergeben:
    1.118
    Beruf:
    Mann für alles :)
    Ort:
    Weilburg
    Link und am Besten Screen mit Pfeil welchen Bereich du genau meinst bei dir.
    CSS / HTML und Designsachen gehen fast immer nur mit Link. Da man sehen muss welches Deswign bei dir eingestellt ist.
     
  3. Anhänge:

  4. Dennis (MotivMonster.de)
    Dennis (MotivMonster.de) G-WARD 2013/14/15/16
    Registriert seit:
    22. September 2011
    Beiträge:
    31.303
    Danke erhalten:
    6.268
    Danke vergeben:
    1.118
    Beruf:
    Mann für alles :)
    Ort:
    Weilburg
    ok das könntest per CSS machen damit nicht das html bearbeiten musst. section is das sonst bis dahin einfach hintergrund hinter den Text legen:
    Code:
    .product-container .inside .content-container .content-container-inner .title a {
        background-color: yellow;
    }
    
    wobei yellow durch beliebigen # Wert ersetzen kannst.
     
  5. Dennis (MotivMonster.de)
    Dennis (MotivMonster.de) G-WARD 2013/14/15/16
    Registriert seit:
    22. September 2011
    Beiträge:
    31.303
    Danke erhalten:
    6.268
    Danke vergeben:
    1.118
    Beruf:
    Mann für alles :)
    Ort:
    Weilburg
    Achja und du hast lauter unsichere Elemente auf der Seite weil die Bilder nit mit https eingebunden wurden.
    hab 32 Warnungen auf der Seite
    Mixed Content: The page at '(Link nur für registrierte Nutzer sichtbar.)' was loaded over HTTPS, but requested an insecure stylesheet '(Link nur für registrierte Nutzer sichtbar.)'. This content should also be served over HTTPS.

    und viele mehr
     
  6. Ich hatte das nur gelb markiert, damit man den Bereich deutlich erkennen kann. Ich würde schon gerne den Text so gestalten, dass er blau ist, fett und unterstrichen :oops:

    Wie bindet man die Bilder mit https ein? Das wäre dann die nächste Frage.

    Vielen Dank schon mal :)
     
  7. Dennis (MotivMonster.de)
    Dennis (MotivMonster.de) G-WARD 2013/14/15/16
    Registriert seit:
    22. September 2011
    Beiträge:
    31.303
    Danke erhalten:
    6.268
    Danke vergeben:
    1.118
    Beruf:
    Mann für alles :)
    Ort:
    Weilburg
    Wenn bold und undeline haben willst auch in den css block reinschreiben

    Bilder per https einbinden, in der url des bildes halt https statt http schreiben oder besser ganz ohne domain nur als relativen pfad. Also nur das nach der domain.
    /images/ordner/bild.jpg
     
  8. Wenn ich es jetzt richtig verstehe, müsste ich alle Bilder in /images nicht .../shop1/images/ einbinden? Das heißt, ich muss alle Bilder neu verknüpfen, puh. Bekommt jeder Besucher die Warnungen? Als Inhaber ist man ja manchmal blind.
     
  9. Dennis (MotivMonster.de)
    Dennis (MotivMonster.de) G-WARD 2013/14/15/16
    Registriert seit:
    22. September 2011
    Beiträge:
    31.303
    Danke erhalten:
    6.268
    Danke vergeben:
    1.118
    Beruf:
    Mann für alles :)
    Ort:
    Weilburg
    die Bilder sind ja schon richtig, man nimmt nur die domain raus. nur das ab dem .de/
    alles hinter dem .de bleibt.
    test es mit einem Bild.
     
  10. Super, das klappt :)

    Wie finde ich denn alle Bilder, die umgeleitet werden müssen? Gibt es da ein Tool?
     
  11. Dennis (MotivMonster.de)
    Dennis (MotivMonster.de) G-WARD 2013/14/15/16
    Registriert seit:
    22. September 2011
    Beiträge:
    31.303
    Danke erhalten:
    6.268
    Danke vergeben:
    1.118
    Beruf:
    Mann für alles :)
    Ort:
    Weilburg
    Einfach quelltextansicht der Website wählen
    dann suche nach
    src=http:
    dann zeigt er dir alle Elemente die ohne SSL eingebunden wurden.
     
  12. #12 SperlingC, 3. November 2017
    Zuletzt von einem Moderator bearbeitet: 3. November 2017
    Guten morgen, ich bin jetzt ganz enttäuscht, ich hatte diesen Code:

    Code:
    .product-container .inside .content-container .content-container-inner .title a {
        font-size : 16px;
    }
    .product-container .inside .content-container .content-container-inner .title a {
      font-weight:bold;
    }
    
    .product-container .inside .content-container .content-container-inner .title a {
    text-decoration-line: underline;
    }
    
    .product-container .inside .content-container .content-container-inner .title a {
        text-color: DarkBlue;
    }
    im StyleEdit eingefügt, hatte dann in der Ansicht auch einen fetten, unterstrichenen Text gesehen, aber jetzt ist die Schrift wieder wie vorher?

    Die Farbe der Schrift habe ich auch nicht definieren können und habe sie deshalb wieder raus genommen. Ich hatte den Hexcode genommen und auch den Namen der Farbe, beides hat aber nicht bewirkt.
     
  13. Dennis (MotivMonster.de)
    Dennis (MotivMonster.de) G-WARD 2013/14/15/16
    Registriert seit:
    22. September 2011
    Beiträge:
    31.303
    Danke erhalten:
    6.268
    Danke vergeben:
    1.118
    Beruf:
    Mann für alles :)
    Ort:
    Weilburg
    Bei eigenes CSS hinterlegt - speichern - caches leeren von Shop und Browser.
    CSS wird sonst meist nicht neu vom Browser geladen.
     
  14. barbara
    barbara G-WARD 2014-2020
    Registriert seit:
    14. August 2011
    Beiträge:
    35.657
    Danke erhalten:
    11.371
    Danke vergeben:
    1.617
    Wieso schreibst Du das alles einzeln und nicht gleich in einem?
    Code:
    .product-container .inside .content-container .content-container-inner .title a {
        font-size : 16px;
        font-weight:bold;
        text-decoration: underline;
        color: DarkBlue;
    }
    
    Und nimm statt "text-color" nur "color"
     
  15. #15 SperlingC, 3. November 2017
    Zuletzt von einem Moderator bearbeitet: 3. November 2017
    @barbara, Dankeschön! Ich habe einzeln aufgelistet, um zu sehen, ob sich was verändert. Erst hatte ich alles gelistet wie du es oben geschrieben hast, aber dann sah ich keine Ergebnisse und probierte es einzeln.

    Cache geleert im Shop und im Browser hatte ich auch, aber nichts zu sehen.

    Juhu, das hat geklappt!