Darstellung der Unterkategorien

Thema wurde von 1atools_shop, 8. November 2017 erstellt.

  1. Anonymous

    Anonymous Erfahrener Benutzer

    So besser oder doch wieder etwas mehr? Ist jetzt #eeeeee
     
  2. Anonymous

    Anonymous Erfahrener Benutzer

    Weiß es nicht, sieht bei mir ziemlich gleich aus ;) Konnte es vorhin nur nicht lassen ein Kommentar abzugeben :rolleyes:
    Und möchte auch nicht, obwohl schon zur Angewohnheit geworden, ständig bei der lieben Barbara hineinplatschen...
     
  3. Anonymous

    Anonymous Erfahrener Benutzer

    So lass ich das jetzt, ein ganz zartes Grau. Habe eben nochmal den Cache geleert, damit du das auch sehen kannst ;)

    Empfindest du das so? ;) Zu dritt ist es doch noch angenehmer ;) und Barbara ist das dann ja schon von dir gewohnt so wie du das schilderst ;)
     
  4. barbara

    barbara G-WARD 2014-2020

    platsche ruhig weiter :D
    Je mehr Leute schauen und sich äußern, desto mehr Anregungen und Ideen kommen.
    Also bitte nicht bremsen :)
     
  5. Anonymous

    Anonymous Erfahrener Benutzer

    Genau so hab ich dich eingeschätzt :) -> DAUMEN HOCH
     
  6. Anonymous

    Anonymous Erfahrener Benutzer

    Möchte mich für eine Weile von Euch verabschieden...

    Liebe Grüße
    Andreas
     
    Zuletzt bearbeitet: 15. Januar 2018
  7. steffen_kittel

    steffen_kittel Erfahrener Benutzer

    Danke Barbara,

    das mit dem Zentrieren des Textes (siehe Bild) hat prima funktioniert.

    3 Fragen noch?

    1.) Wie kann ich nun den Text horizontal verändern?
    2.) Wie könnte ich hier auch die Hintergrundfarbe ändern?
    3.) Wie kann man neben dem Kategorie-Titel auch die entsprechenden Bilder in diesen Boxen zentrieren?
     

    Anhänge:

  8. barbara

    barbara G-WARD 2014-2020

    Du hast diesen Code:
    Code:
    .subcategories-listing-container .subcategories-listing .subcategory-item {
        box-shadow: 3px 3px 10px 5px #e0e0e0;
        margin: 3px [COLOR=#ff0000]5px[/COLOR] 10px 0px;
    }
    Der rote margin-Wert bewirken, dass nur 2 statt 3 Kategorien neben einander stehen.

    ohne könnte das so aussehen:
    Unbenannt.JPG

    Zu 1:
    Setze zu dem Zentrier-Code noch einen Abstand-Top ein
    Code:
    .subcategories-listing-container .subcategories-listing .subcategory-item {
        text-align: center;
        padding-top: 10px;
    }
    Das rutscht aber auch die Bilder etwas nach unten!

    zu 2: schreibe ein
    Code:
    background: #deineFarbe;
    zum o. g. Code (DeineFarbe natürlich ersetzen :))

    zu 3: das ist schwieriger, weil hier das "img-responsive" verantwortlich ist.
    versuche es mal mit
    Code:
    .subcategories-listing-container .subcategories-listing .subcategory-item .img-responsive {
        display: block;
        max-width: 100%;
        height: auto;
    }
    Im Test sieht das gut aus,