Farbe ändern - products_info_available

Thema wurde von Segler, 16. Januar 2017 erstellt.

  1. Segler
    Segler Erfahrener Benutzer
    Registriert seit:
    22. September 2011
    Beiträge:
    109
    Danke erhalten:
    2
    Danke vergeben:
    51
    Hallo,

    die Artikelankündigung "Dieser Artikel wird voraussichtlich ab..." soll auffälliger werden.
    Ich denke ich könnte es im CSS - Eigenes CSS hinzufühen (Honeygrid) ändern, oder? Leider keine ich mich bisher mit CSS noch nicht aus und habe keine Idee wie die Eingabe sein muss...

    Wäre sehr schön wenn mir jemand auf die Sprünge helfen könnte...

    Oliver
     
  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
    Die Eingabe ist unter eigenes CSS im Style Editor

    Welches CSS du anpassen musst findest auch rel. einfach. Ohne viel Kentnisse.

    In Chrome - Rechte Taste drauf und "untersuchen" wählen - dann zeigt er dir das html und das CSS für den Bereich an.
    Das kannst live ändern, ist nur für dich zu sehen da ja in deinem Browser und nciht auf dem Server änderst.

    Da kannst spielen und Testen usw. - Wenn du das passende gefunden hast kopierst den Block beim CSS

    sieht so aus vom aufbau

    .cssname1 #cssname2 p {
    inhalt 1: wert1
    margin: 5px
    }

    zwischen den geschweiften Klammern musst nur die Zeilen behalten die du angepasst hast.
    Das is der Block der ins eigene CSS muss dann. Wenn unsicher bist einfach den ganzen Block rein. Auch nicht schlimm.
     
  3. Segler
    Segler Erfahrener Benutzer
    Registriert seit:
    22. September 2011
    Beiträge:
    109
    Danke erhalten:
    2
    Danke vergeben:
    51
    Danke, der Tipp mit Chrome ist genial!

    Irgendetwas mache ich aber noch falsch. es scheint als ob der Code zweimal erscheint. Ich habe den angepaßten Code im CSS - Eigenes CSS hinzufügen eingefügt und gespeichert. Hätte ich ihn irgendwo ändern sollen? Wo?

    hier noch ein Chrome Screenshot
     

    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
    Der rechte teil ist CSS
    Links ist HTML - da musst nix machen da sieghst nur den AUfbau

    Der nicht durchgestrichene Teil ist der der Aktiv greift.
    Einfach nen wert ändern dann siehst das live auf der Seite
     
  5. Segler
    Segler Erfahrener Benutzer
    Registriert seit:
    22. September 2011
    Beiträge:
    109
    Danke erhalten:
    2
    Danke vergeben:
    51
    Ja, soweit hab ich es. Rechts stehen jetzt aber zwei Blöcke, der alte und darunter der neue, dieser ist aber durchgestrichen. Der Shreenshot zeigt den Zustand nach der Ergänzung im Template... Was läuft falsch???
     
  6. Anonymous
    Anonymous G-WARD 2015/2016
    Registriert seit:
    20. Februar 2012
    Beiträge:
    9.088
    Danke erhalten:
    1.613
    Danke vergeben:
    1.212
    Link zum Artikel?
     
  7. Segler
    Segler Erfahrener Benutzer
    Registriert seit:
    22. September 2011
    Beiträge:
    109
    Danke erhalten:
    2
    Danke vergeben:
    51
  8. 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, noch eine Erklärung dazu :)

    Code:
    .product-info .products_info_available {
        margin-bottom: 30px;
        color: #999;
    }
    Code:
    .products_info_available {
        margin-bottom: 30px;
        color: #f00;
    }
    es gibt eine wertigkeit - also eine Rangfolge - und je detailierter und präziser die angabe ist um so wichtiger ist sie und wird bevorzugt.

    du hast im unterem Teil gesagt - Die schrift wird rot für .products_info_available

    Der Original code sagt aber
    die Schrift wird Rot wenn .products_info_available das innerhalb der .product-info verwendet wird.

    damit ist der Block genauer definiert und deiner wird damit überschrieben.

    Hättest du den Block komplett kopiert wäre das nicht passiert. Du musst immer alle selectoren vor der Klammer mit nehmen.
     
  9. Segler
    Segler Erfahrener Benutzer
    Registriert seit:
    22. September 2011
    Beiträge:
    109
    Danke erhalten:
    2
    Danke vergeben:
    51
    Jetzt funktioniert es, Danke für die Hilfe.