Problem mit Hintergrundfarbe und Schriftfarbe

Thema wurde von tzvetelina-solbach, 6. Februar 2018 erstellt.

  1. tzvetelina-solbach

    Registriert seit:
    23. Februar 2013
    Beiträge:
    7
    Danke erhalten:
    0
    Danke vergeben:
    15
    Hallo , kann mir jemand helfen ? Ich möchte gerne die Farbe (Hintergrund und Schriftfarbe) von Suche , Seite , Stückzahl und Kategorie (links) -enden . Dort wo weiß ist möchte ich ein andere Farbe . Aber jeden wie mit dem StyleEdit3 klappt nicht ?
    Hat jemand eine Idee ? Vermutlich usermod -eigene.css ??? aber wie und was soll ich schreiben ?
    Außerdem möchte ich das Suchfeld nach rechts verschieben … so in der Mitte gefehlt mir nicht … Weiß jemand, wie ich das machen muss ?
     

    Anhänge:

  2. Andili

    Andili Erfahrener Benutzer

    Registriert seit:
    29. Dezember 2017
    Beiträge:
    249
    Danke erhalten:
    18
    Danke vergeben:
    110
    Gleiche Problem hier..
     
  3. barbara

    barbara G-WARD 2014-2020

    Registriert seit:
    14. August 2011
    Beiträge:
    35.352
    Danke erhalten:
    11.198
    Danke vergeben:
    1.601
    Linke Kategorie-Farben:
    Code:
    .panel > .navbar-categories-left > ul li a {
        color: #DeineFarbe;
        background-color: #DeineFarbe;
    }
    Wenn die Unterkategorie eine andere Farbe haben soll:
    Code:
    .panel > .navbar-categories-left > ul > li > ul > li > a {
        color: #DeineFarbe;
        background-color: #DeineFarbe;
    }
    Die Seitenzahlen aktiv hover:
    Code:
    .pagination > li > .active:hover {
        color: #DeineFarbe;
        background-color: #DeineFarbe;
    }
    Die Seitenzahl aktiv:
    Code:
    .pagination > li > .active{
        color: #DeineFarbe;
        background-color: #DeineFarbe;
    }
    Die Seitenzahlen:
    Code:
    .pagination > li > a{
        color: #DeineFarbe;
        background-color: #DeineFarbe;
    }
    
    und im hover:
    Code:
    .pagination > li > a:hover{
        color: #DeineFarbe;
        background-color: #DeineFarbe;
    }
    Hintergrundfarbe für Eingabefelder (das betrifft nicht nur das Suchfeld!):
    Code:
    .form-control, .input-text {
        background-color: #Deine Farbe;
    }
     
  4. Andili

    Andili Erfahrener Benutzer

    Registriert seit:
    29. Dezember 2017
    Beiträge:
    249
    Danke erhalten:
    18
    Danke vergeben:
    110
    Wow Barbara du bist echt die beste, Danke dir..

    Hast du evtl den code fuer die Box "Beschreibung auch?
     
  5. barbara

    barbara G-WARD 2014-2020

    Registriert seit:
    14. August 2011
    Beiträge:
    35.352
    Danke erhalten:
    11.198
    Danke vergeben:
    1.601
    Meinst Du den Tab oder die Box, wo die Beschreibung drinnen steht?
     
  6. Andili

    Andili Erfahrener Benutzer

    Registriert seit:
    29. Dezember 2017
    Beiträge:
    249
    Danke erhalten:
    18
    Danke vergeben:
    110
    Die Box auf der "Beschreibung" drauf steht

    Siehe Bild..
    Ich wuerde mir ja die CSS codes selber via "Untersuchen" selber herauskopieren aber bis jetzt gehen die schief.. arbeite daran
     

    Anhänge:

  7. 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 mit
    Code:
    .nav-tabs > li.active > a{
    color: #DeineFarbe;
    background-color: #DeineFarbe;
    }
    für aktive Tabs
     
  8. Andili

    Andili Erfahrener Benutzer

    Registriert seit:
    29. Dezember 2017
    Beiträge:
    249
    Danke erhalten:
    18
    Danke vergeben:
    110
    Danke dir wirklich sehr !

    Hat funktioniert
     
  9. nummersieben

    nummersieben Erfahrener Benutzer

    Registriert seit:
    18. Oktober 2014
    Beiträge:
    89
    Danke erhalten:
    2
    Danke vergeben:
    2
    #9 nummersieben, 12. März 2018
    Zuletzt bearbeitet: 23. November 2019
    Hallo,
    blöde Frage, aber ich denke dann doch es gibt keine dumme Frage? Ich bin ein Laie in der Hinsicht css Programmierung. Habe jedoch ein bisschen mich damit befasst, jedoch die Frage, wo gebe ich diese css Befehle in Gambio ein?

    LG
     
  10. Torben Wark

    Torben Wark Gambio GmbH

    Registriert seit:
    15. Juli 2014
    Beiträge:
    2.581
    Danke erhalten:
    1.178
    Danke vergeben:
    399
    Ein Eingabefesnter dafür findest du im StyleEdit 3, wenn du in der Stylebearbeitung bist und dann auf den Namen deines Styles klickst. Da öffnet sich ein Dropdown mit dem Punkt "Eigenes CSS". Wenn du da drauf klickst bekommst du ein Fenster, in dem du eigenes CSS oder auch SCSS eintragen kannst
     
  11. vapore

    vapore Mitglied

    Registriert seit:
    11. Juli 2017
    Beiträge:
    15
    Danke erhalten:
    0
    Danke vergeben:
    17
    Hallo, ich hab mal wieder eine Frage :oops:
    Wie kann ich in der Auswahl der Suche die Hintergrundfarbe ändern? Weiße Schrift auf weißem Grund sieht irgendwie nicht so gut aus ;)

    Wenn CSS-seitig etwas gemacht werden muss, bitte für absolute Dummies erklären ;)
     

    Anhänge:

  12. Torben Wark

    Torben Wark Gambio GmbH

    Registriert seit:
    15. Juli 2014
    Beiträge:
    2.581
    Danke erhalten:
    1.178
    Danke vergeben:
    399
    Versuchs mal mit:

    Code:
    #search .search-result-container {
        background-color: #000000; //Deinen Farbwert hier eintragen
    }
     
  13. vapore

    vapore Mitglied

    Registriert seit:
    11. Juli 2017
    Beiträge:
    15
    Danke erhalten:
    0
    Danke vergeben:
    17
    #13 vapore, 19. März 2018
    Zuletzt bearbeitet: 19. März 2018
    Danke schön. Also muss ich in den Style-Editor unter eigene CSS gehen und das dann so
    #search .search-result-container {background-color: #000000; //}
    wo genau eintragen?

    Edit - ich hab´s einfach mal ausprobiert und es hat geklappt ; ))
     
  14. Martin L.

    Martin L. Erfahrener Benutzer

    Registriert seit:
    24. September 2013
    Beiträge:
    118
    Danke erhalten:
    3
    Danke vergeben:
    65
    Hallo Zusammen,

    im Styledit finde ich den Punkt für die inaktive Eigenschaft nicht. Dort möchte ich die Schriftfarbe ändern und habe nur den Punkt für aktive Eigenschaften mit Bestand gefunden.

    Zudem stört es mich das die Anzahlbox über dem "In den Warenkorb" Button längst angezeigt wird. Bekomme ich den wieder kleiner?
     

    Anhänge: