Hintergrundfarben ändern wie ??

Thema wurde von sascha_klassin, 10. März 2017 erstellt.

  1. sascha_klassin
    sascha_klassin Mitglied
    Registriert seit:
    28. Februar 2017
    Beiträge:
    19
    Danke erhalten:
    0
    Danke vergeben:
    4
    Hallo an alle

    ich habe euch ein Bild eingefügt, kann mir jemand erklären wie die Boxen die ich umrandet habe heißen und wie man die Farben ändert?
     

    Anhänge:

  2. andrea_oezlue
    andrea_oezlue Erfahrener Benutzer
    Registriert seit:
    7. November 2016
    Beiträge:
    340
    Danke erhalten:
    8
    Danke vergeben:
    29
    Im StyleEdit mal rum stöbern.
     
  3. sascha_klassin
    sascha_klassin Mitglied
    Registriert seit:
    28. Februar 2017
    Beiträge:
    19
    Danke erhalten:
    0
    Danke vergeben:
    4
    mache ich seit tagen :)
     
  4. andrea_oezlue
    andrea_oezlue Erfahrener Benutzer
    Registriert seit:
    7. November 2016
    Beiträge:
    340
    Danke erhalten:
    8
    Danke vergeben:
    29
    Tage sind einfach zu wenig....;o)....Wochen wäre okay.
    Scherz bei Seite.

    Schau mal einfach unter Style Edit Allgemein und immer die blöden Cache entleeren nicht vergessen.

    Viel Glück.
     
  5. Anonymous
    Anonymous Erfahrener Benutzer
    Registriert seit:
    11. Februar 2015
    Beiträge:
    1.291
    Danke erhalten:
    401
    Danke vergeben:
    237
    Ich identifiziere die meisten solcher Dinge im Firefox, indem ich mit der Maus in das entsprechende Fald fahre, einen Rechtssklick mache und "Element untersuchen" wähle. Dann öffnet sich der Inspector am unteren Rand, in dem fast alle wichtigen Details zu dem entsprechenden Element stehen.
     
  6. bt012ss
    bt012ss Erfahrener Benutzer
    Registriert seit:
    18. März 2012
    Beiträge:
    984
    Danke erhalten:
    281
    Danke vergeben:
    156
    Das geht auch nicht im SE, da muß schon eigenes CSS für geschrieben werden.

    Nur ein Beispiel für die Pagination die du mal ausprobieren und mit deinen Farbcodes spielen kannst ->

    Code:
    .pagination > li > a, .pagination > li > span
    {background-color: #393939;
    color: #ffffff;
    border: 1px solid #393939;}
    .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus
    {background-color: #f9ad18;}
    .pagination > li > .active, .pagination > li > .active:hover
    {background-color: #f9ad18;
    color: #393939;}
    .pagination-info
    {color: #333333;}
    .productlisting-filter-container
    {border-top: 1px solid #393939;
    border-bottom: 1px solid #393939;}
    .productlisting-filter-container .btn.btn-default, .productlisting-filter-container .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel button.btn-default, .productlisting-filter-container .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel button.ui-priority-secondary, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel .productlisting-filter-container .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel button.ui-priority-secondary, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel .productlisting-filter-container button.btn-default, .productlisting-filter-container .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel button.ui-priority-secondary.btn, .productlisting-filter-container .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel button.ui-priority-secondary, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel .productlisting-filter-container .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel button.ui-priority-secondary, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel .productlisting-filter-container button.ui-priority-secondary.btn
    {border-color: #393939;
    background-color: #393939;
    color: #ffffff;}
    .productlisting-filter-container .btn.btn-default.active, .productlisting-filter-container .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel button.btn-default.active, .productlisting-filter-container .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel button.ui-priority-secondary.active, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel .productlisting-filter-container .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel button.ui-priority-secondary.active, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel .productlisting-filter-container button.btn-default.active, .productlisting-filter-container .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel button.ui-priority-secondary.btn.active, .productlisting-filter-container .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel button.ui-priority-secondary.active, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel .productlisting-filter-container .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel button.ui-priority-secondary.active, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel .productlisting-filter-container button.ui-priority-secondary.btn.active
    {border-color: #393939;}
     
  7. sascha_klassin
    sascha_klassin Mitglied
    Registriert seit:
    28. Februar 2017
    Beiträge:
    19
    Danke erhalten:
    0
    Danke vergeben:
    4
    noch eine Frage wie ändere ich den Hintergrund von den Kundenrezensionen?
     

    Anhänge:

  8. bt012ss
    bt012ss Erfahrener Benutzer
    Registriert seit:
    18. März 2012
    Beiträge:
    984
    Danke erhalten:
    281
    Danke vergeben:
    156
    Zum Beispiel mit ->

    Code:
    .list-group
    {background: #deine Farbe;}
    Was aber damit alles noch geändert wird kann ich auf die Schnelle nicht beantworten.