Textfarbe im Freigestaltbaren Bereich ändern ?

Thema wurde von KrüCon, 9. November 2016 erstellt.

  1. Erwin

    Erwin Erfahrener Benutzer

    Registriert seit:
    22. Oktober 2016
    Beiträge:
    51
    Danke erhalten:
    1
    Danke vergeben:
    31
    Achso ne ist schon im deutschen Bereich bearbeitet worden..
     
  2. Anonymous

    Anonymous G-WARD 2015/2016

    Registriert seit:
    20. Februar 2012
    Beiträge:
    8.755
    Danke erhalten:
    1.516
    Danke vergeben:
    1.051
    also die div-Id "custom-container" ist bei Dir definitiv nicht vorhanden.

    Mache doch mal die Änderungen im SE und dann schauen wir noch mal auf das css
     
  3. Erwin

    Erwin Erfahrener Benutzer

    Registriert seit:
    22. Oktober 2016
    Beiträge:
    51
    Danke erhalten:
    1
    Danke vergeben:
    31
    #23 Erwin, 19. Februar 2017
    Zuletzt bearbeitet: 19. Februar 2017
    Hallo Achim,

    jetzt habe ich einmal die Änderungen gespeichert, obwohl bei der "Vorschau" sich nichts änderte, hat es das nach dem Speichern nun endlich gezeigt. sehr schön!

    nächstes Problem dabei! :)

    Ich hätte gerne, dass das Logo (Versandkostenfrei) nahe an dem Warenkorb ist. Per Bild händisch im CSS einfügen ging das, jedoch kams dann zu Darstellungsproblem anderen Plattformen (va Handy).

    Kann ich nun den freien Bereich quasi überlagern lassen? => "In den Vordergrund drängen" ?
    dann könnte ich mit einem einfachen margin-right Code die Grafik über den Waren legen.

    So hätte ich das eigentlich gerne:

    [​IMG]
     
  4. barbara

    barbara G-WARD 2014-2020

    Registriert seit:
    14. August 2011
    Beiträge:
    35.352
    Danke erhalten:
    11.198
    Danke vergeben:
    1.601
    #24 barbara, 19. Februar 2017
    Zuletzt bearbeitet: 19. Februar 2017
    Zunächst muss der Bereich höher, damit das Bild auch ganz erscheint
    Da Dein Bild 114px hoch ist, würde ich das auch im Style Editor so eingeben

    Versuche es mal hiermit:
    Code:
    @media (min-width: 768px){
    #custom-1 {
        margin-right: -140px;
    }}
    Dann noch die Gridspalten für den Freien Text (oder für das Logo, damit die Suche in die Mitte rutscht) um 1 erhöhen.
    Unbenannt.JPG

    Nachtrag:
    für andere Auflösungen muss man dass noch extra anpassen
     
  5. Erwin

    Erwin Erfahrener Benutzer

    Registriert seit:
    22. Oktober 2016
    Beiträge:
    51
    Danke erhalten:
    1
    Danke vergeben:
    31
    Ach danke für den Code. Wo muss ich den eingeben?
    (index-usermod.html?) oda im header-content?
     
  6. Anonymous

    Anonymous G-WARD 2015/2016

    Registriert seit:
    20. Februar 2012
    Beiträge:
    8.755
    Danke erhalten:
    1.516
    Danke vergeben:
    1.051
    Btw.: Deine Slider-Bilder sind sehr groß, die würde ich mal komprimieren (Wein 823 kb), dann lädt der Shop auch schneller!
     
  7. barbara

    barbara G-WARD 2014-2020

    Registriert seit:
    14. August 2011
    Beiträge:
    35.352
    Danke erhalten:
    11.198
    Danke vergeben:
    1.601
    öffne Deinen Style im Editor und klicke auf den Namen des Styles, dann erscheint darunter ein Link
    "eigenes css einfügen".
    Da gehört der Code hin.
     
  8. Erwin

    Erwin Erfahrener Benutzer

    Registriert seit:
    22. Oktober 2016
    Beiträge:
    51
    Danke erhalten:
    1
    Danke vergeben:
    31
    Da siehts bei mir so drin aus:

    [​IMG]

    Wo genau muss es da stehen?
    (geht ja schon so ähnlich los)

    Ich hatte es ganz unten eingefügt, änderte nichts
     
  9. barbara

    barbara G-WARD 2014-2020

    Registriert seit:
    14. August 2011
    Beiträge:
    35.352
    Danke erhalten:
    11.198
    Danke vergeben:
    1.601
    Ich sehe gerade, dass da etwas im Code nicht stimmen kann (abgesehen von fehlenden Klammern)
    Ich schaue mir das gleich noch einmal an.

    Code ist oben geändert.
     
  10. Erwin

    Erwin Erfahrener Benutzer

    Registriert seit:
    22. Oktober 2016
    Beiträge:
    51
    Danke erhalten:
    1
    Danke vergeben:
    31
    #30 Erwin, 19. Februar 2017
    Zuletzt bearbeitet: 19. Februar 2017
    Ach klasse, das wird jetzt schon so wie ich das mir wünsche!

    Seltsamerweise, schneidet das Versandkostenfrei-Bildchen unten immer ab, da noch eine Idee dazu?

    Ich habe deinen Hinweis oben schon gelesen, aber auch da weiß ich wieder mal nicht, wo ich zuweise, dass der Header die ganze Höhe anzeigen soll.

    Ich will den Header selbst nicht höher machen bzw. das Logo wird ja auch ganz dargestellt, owohl es in der Höhe 140px hat...?
     
  11. barbara

    barbara G-WARD 2014-2020

    Registriert seit:
    14. August 2011
    Beiträge:
    35.352
    Danke erhalten:
    11.198
    Danke vergeben:
    1.601
    Du musst im SE die Höhe des Freien Bereiches auf 114px setzen.
     
  12. Erwin

    Erwin Erfahrener Benutzer

    Registriert seit:
    22. Oktober 2016
    Beiträge:
    51
    Danke erhalten:
    1
    Danke vergeben:
    31
    War mir gar nicht klar, dass ich den Standardeintrag durch eine Zahl ersetzen kann :)

    Tausend Dank Barabara für all Deine Mühen!
     
  13. Erwin

    Erwin Erfahrener Benutzer

    Registriert seit:
    22. Oktober 2016
    Beiträge:
    51
    Danke erhalten:
    1
    Danke vergeben:
    31
    Hast Du noch eine elegante Idee, wie ich diesen Versandkosten-Badge schön im Handy darstellen kann?
     
  14. Erwin

    Erwin Erfahrener Benutzer

    Registriert seit:
    22. Oktober 2016
    Beiträge:
    51
    Danke erhalten:
    1
    Danke vergeben:
    31
    Ich möchte das Thema noch einmal aufgreifen.

    Seit dem Update wird der Badge jetzt verschoben angezeigt. Eine Anpassung im CSS über margin-right führt zu keiner Änderung.

    Wie kriege ich den Badge wieder nahe an das Warenkorb-Symbol?
     
  15. barbara

    barbara G-WARD 2014-2020

    Registriert seit:
    14. August 2011
    Beiträge:
    35.352
    Danke erhalten:
    11.198
    Danke vergeben:
    1.601
    Versuche es mal als Hintergrundbild vom Warenkorb:

    Code:
    @media (min-width: 768px){
    #cart-container.navbar-cart {
        background: url(/images/image/versandkostenfrei.png);
        background-position: -30% 0%;
        background-size: 80%;
        background-repeat: no-repeat;
    }}
     
  16. Erwin

    Erwin Erfahrener Benutzer

    Registriert seit:
    22. Oktober 2016
    Beiträge:
    51
    Danke erhalten:
    1
    Danke vergeben:
    31
    Ja klasse, Du bist so eine riesen Hilfe!

    Jetzt hab ich nur noch das Thema, dass der Badge je nach Tablet / Desktop Ansicht unterschiedliche Anpassungen bräuchte, bzw. der Badge etwas abgeschnitten wird. Gibt es da eine "in den Vordergrund" Funktion?