Warenkorb "Betrag ausblenden"

Thema wurde von andrea_oezlue, 17. Januar 2017 erstellt.

  1. andrea_oezlue
    andrea_oezlue Erfahrener Benutzer
    Registriert seit:
    7. November 2016
    Beiträge:
    340
    Danke erhalten:
    8
    Danke vergeben:
    29
    Hallo,
    (Im Forum habe ich leider nichts dazu gewunden)

    auf meiner Seite www.My-Whitepearl.de würde ich gerne zwei sachen ausprobieren wollen.

    1. im Warenkorb den Betrag ausblenden (so dass es im Header ausgeblendet wird)
    2. der Betrag hat z.Zt. eine Schattierung. Das schaut nicht so schön aus.

    Hat jemand eine Idee, wo ich die beiden sachen ausprobieren kann.
    1. Ausblenden aber wo?
    2. Schattierung entfernen

    Lieben Dank
     
  2. Zu Punkt 2 : Du hast in deiner CSS Text Shadow reingemacht daher kommt die Schattierung
    Zu Punkt 1 kann Ich leider nichts sagen
     
  3. andrea_oezlue
    andrea_oezlue Erfahrener Benutzer
    Registriert seit:
    7. November 2016
    Beiträge:
    340
    Danke erhalten:
    8
    Danke vergeben:
    29
    Anstatt Shadow sollte ich was eintragen Michael?
     
  4. Das Shadow aus der eigenen CSS entfernen, dann ist auch der Schatten weg
     
  5. andrea_oezlue
    andrea_oezlue Erfahrener Benutzer
    Registriert seit:
    7. November 2016
    Beiträge:
    340
    Danke erhalten:
    8
    Danke vergeben:
    29
    Mhhhh....

    #cart-container.navbar-cart > ul > li > a.dropdown-toggle {
    color: $text-color;
    text-shadow: none;

    wenn ich:
    ---> -shadow aber auch nur das Wort shadow entferne tut sich nichts
    ---> die Zeile text-shadow: none; entferne ist ein anderer effect da
    ---> es ändert sich nur, wenn ich none; entferne, dann ist die Schattierung weg allerdings ist das Warenkorbsymbole dann auch eine andere

    Bin Ratlos
     
  6. andrea_oezlue
    andrea_oezlue Erfahrener Benutzer
    Registriert seit:
    7. November 2016
    Beiträge:
    340
    Danke erhalten:
    8
    Danke vergeben:
    29
    @media (min-width: $grid-float-breakpoint) {
    .navbar-categories {
    background-color: transparent;
    .navbar-nav {
    @include border-radius(5px);
    }
    }
    #cart-container.navbar-cart > ul > li > a.dropdown-toggle {
    color: #ffffff;
    text-shadow: 0px 0px 0px #000;
    }
    #header.sticky {
    #cart-container.navbar-cart > ul > li > a.dropdown-toggle {
    color: $text-color;
    text-shadow: none;
    }
    }
    }
    #navbar-brand a {
    width: 100%;
    height: 130px;
    margin: 10px 0;
    }
    .gm-cart-basket::before
    {
    content: '\f290' !important;
    font-family: FontAwesome !important;
    }
     
  7. #cart-container.navbar-cart > ul > li > a.dropdown-toggle {
    color: #ffffff;
    text-shadow: 0px 0px 0px #000;
    }
    #header.sticky {
    #cart-container.navbar-cart > ul > li > a.dropdown-toggle {
    color: $text-color;
    text-shadow: none;
    }
    }
    }

    Wenn Du die Schatten weg haben möchtest dann lösche das raus
     
  8. andrea_oezlue
    andrea_oezlue Erfahrener Benutzer
    Registriert seit:
    7. November 2016
    Beiträge:
    340
    Danke erhalten:
    8
    Danke vergeben:
    29
    Schau mal bitte jetzt was sich getan hat.
     
  9. Der Schatten ist weg im Warenkorb
     
  10. andrea_oezlue
    andrea_oezlue Erfahrener Benutzer
    Registriert seit:
    7. November 2016
    Beiträge:
    340
    Danke erhalten:
    8
    Danke vergeben:
    29
    sieht dann so aus...... upload_2017-1-17_11-56-41.png

    Alles durcheinander
     
  11. Bei mir sieht es so aus

    upload_2017-1-17_11-58-36.png
     
  12. andrea_oezlue
    andrea_oezlue Erfahrener Benutzer
    Registriert seit:
    7. November 2016
    Beiträge:
    340
    Danke erhalten:
    8
    Danke vergeben:
    29
    Mhhhh.......
     
  13. Anonymous
    Anonymous Mitglied
    Registriert seit:
    10. November 2017
    Beiträge:
    8
    Danke erhalten:
    0
    Danke vergeben:
    4
    Ich bin neu hier und arbeite seit einigen Tagen an unserem neuen Shop. Nun habe das gleiche Problem, dass mein kleiner Warenkorb im Header mit einer Schattierung unterlegt ist. Leider weiss ich nicht, wie man die entfernt. Ich habe keine Ahnung, wie man CSS bearbeitet, und habe bis jetzt alles mit dem StyleEdit gemacht. Wie kann ich den Schatten entfernen? Respektive, wie und wo komme ich an die CSS-Informationen, welche ich dann ändern kann wie oben beschrieben? Ich wäre um Hilfe dankbar.
     
  14. Anonymous
    Anonymous Beta-Held
    Registriert seit:
    22. März 2015
    Beiträge:
    2.381
    Danke erhalten:
    640
    Danke vergeben:
    414
    Hast du einen Link zum Shop?

    Wenn du es selber machen willst klickst du im Firefox mit der rechten Maustaste auf den Warenkorb und wählst "Untersuche" dann siehst du die CSS Sachen
     
  15. Anonymous
    Anonymous Mitglied
    Registriert seit:
    10. November 2017
    Beiträge:
    8
    Danke erhalten:
    0
    Danke vergeben:
    4
    Danke Dir, hier geht es zu unserem Shop (Link nur für registrierte Nutzer sichtbar.)

    Ich arbeite mit Chrome. Untersuchen kann ich es ohne Probleme, aber wie ändere ich das?

    Lustigerweise habe ich die Schattierung beim kleinen Warenkorb nur, wenn ich das Template Transparent Header auswähle. Bei den anderen beiden Templates ist der Warenkorb nicht schattiert.
     
  16. Anonymous
    Anonymous Beta-Held
    Registriert seit:
    22. März 2015
    Beiträge:
    2.381
    Danke erhalten:
    640
    Danke vergeben:
    414
    Du hast bei

    #cart-container.navbar-cart > ul > li > a.dropdown-toggle ein text-shadow drin. Der muss raus. Versuche mal

    Code:
    #cart-container.navbar-cart > ul > li > a.dropdown-toggle {
    text-shadow: none;
    }
     
  17. Anonymous
    Anonymous Mitglied
    Registriert seit:
    10. November 2017
    Beiträge:
    8
    Danke erhalten:
    0
    Danke vergeben:
    4
    Herzlichen Dank, nach etwas rumprobieren hat es endlich geklappt :):D