Unterkategorie - Darstellung

Thema wurde von Anonymous, 18. Januar 2021 erstellt.

  1. Anonymous

    Anonymous Erfahrener Benutzer

    Hallo an alle,

    Gestern hat mir Barbara sehr geholfen, schon mit Kategorie Darstellung etc.. Heute bin mit den Unterkategorien beschäftigt, und ich hoffe, ihr könnt mir weiterhelfen und zwar:

    1. In Mega-Dropdown Menü erscheinen die Überschriften von Unterkategorien nicht mittig, die würde ich gerne auch mittig haben, genauso wie die Kategorien.
    2. Darstellung von Unterkategorien-Boxen ist sehr kurz-klein (im Gegensatz zu Name von Unterkategorien) und Farbe auch nicht so gewünscht, vielleicht hat auch jemand eine Idee, wie ich diese auch ohne Rahmen und mit abgerundeten Ecken haben konnte.
    3. Genauso ist es auch mit Unterkategorien-Boxen mit einem Bild, Farbe, Ecken, Rahmen..
    Gibt es eine Option in SE es hinzukriegen? Ich habe alles durch, aber leider nicht gefunden. Vielleicht habe ich es irgendwo übersehen...oder in CSS rein. Danke euch allen voraus!

    Screenshot (200).png Screenshot (201).png Screenshot (202).png
     
  2. markus_wick

    markus_wick Erfahrener Benutzer

    Teilst Du uns noch mit, welche Shopversion Du hast, ob Cloudshop oder selbstgehostet, Theme oder Template? Das hilft beim helfen. Idealerweise packst Du diese Infos in den Dein Foren-Profil, so dass diese immer im Forum erscheinen.
     
  3. Anonymous

    Anonymous Erfahrener Benutzer

    Hallo Markus,

    danke, dass du dich meldest. Ich habe Cloud und Template:
    Gambio Version: v4.2.0.1

    Mit meinem Anbieter von Template konnte ich die Kästchen mit Unterkategorien schon klären, da habe ich die Codes in CSS eingebaut und es läuft super.

    Mir bleiben noch die Schriften in Unterkategorien mittig zu stellen, also wenn du mir dabei mit einem entsprechenen Code helfen kannst, wäre ich super dankbar!

    Liebe Grüße
    Petra
     
  4. Anonymous

    Anonymous Erfahrener Benutzer

    Hallo an allen,

    hat keiner von euch eine Idee, wie ich es mittig einstellen kann? Danke voraus!
     
  5. barbara

    barbara G-WARD 2014-2020

    Versuche es mal mit:
    Code:
    @media (min-width: 768px){
    .navbar-collapse .navbar-categories ul.navbar-nav > li > ul.dropdown-menu > li > ul > li {
        text-align: center;
    }]
    das sollte die Unterkategorien im Dropdown zentrieren.
    Für den Rest wäre ein Link zu Deiner Seite gut, das man sich Dein CSS da ansehen kann.
     
  6. Anonymous

    Anonymous Erfahrener Benutzer

    * Danke liebe Barbara, es hat funktioniert - am Ende mit anderer Endung }

    Die Kästchen etc. konnte ich schon mit unserem Template - Anbieter anpassen und ich habe mein Shop noch offline, bin noch an letzten Arbeiten.

    Liebe Grüße
    Petra
     
  7. barbara

    barbara G-WARD 2014-2020

    Sorry, da habe ich mich vertippt
     
  8. Anonymous

    Anonymous Erfahrener Benutzer

    * Barbara du sollst dich nicht entschuldigen, ohne dich hätte ich es nie hinbekommen, ich habs nur zufällig gesehen..Du bist eine super Hilfe hier!
     
  9. Anonymous

    Anonymous Erfahrener Benutzer

    Hallo Barbara,

    das hat soweit gelappt, aber wie bekomme ich die erste Reihe sprich die Überschrift zentriert und auch farbig?

    Dankschönn
     
  10. barbara

    barbara G-WARD 2014-2020

    Was genau meinst Du?
     
  11. Anonymous

    Anonymous Erfahrener Benutzer

    Die Begriffe, die an erster Stelle immer im Mega Drowndown stehen (eventuell eine Überschrift) wie bekomme ich die auch zentriert? Mit diesem CSS Code werden ja erst die Unterkategorien zentriert, aber nicht die erste Zeile...außerdem wo kann ich die auch farblich abändern? Dankeschön
     
  12. barbara

    barbara G-WARD 2014-2020

    Du meinst also die Unterkategorien, die (eventuell) weitere Unterkategorien haben
    Das hier:
    Code:
    @media (min-width: 768px){
    .navbar-collapse .navbar-categories ul.navbar-nav > li > ul.dropdown-menu > li,
    .navbar-collapse .navbar-categories ul.navbar-nav > li > ul.dropdown-menu > li > ul > li {
        text-align: center;
    }}
    sollte die Unterkategorien und deren Unterkategorien zentrieren

    Das hier:
    Code:
    @media (min-width: 768px){
    .navbar-collapse .navbar-categories ul.navbar-nav > li > .dropdown-menu > li > a, .navbar-collapse .navbar-categories ul.navbar-nav > li.open > .dropdown-menu > li > a {
        color: #ff0000;
    }}
    müsste die 1. Ebene der Unterkategorien rot färben, den Farbcode kannst Du natürlich ändern :)

    Nachtrag: Code berichtigt
     
    Zuletzt bearbeitet: 14. März 2021
  13. Anonymous

    Anonymous Erfahrener Benutzer

    das erste klappt irgendwie nicht

    mit dem Code
    Code:
    @media (min-width: 768px){
    .navbar-collapse .navbar-categories ul.navbar-nav > li > ul.dropdown-menu > li > ul > li {
    text-align: center;
    }

    konnte ich die Unterkategorien zentrieren....aber die erste Zeile blieb immer linksbündig
     
  14. barbara

    barbara G-WARD 2014-2020

    Versuche es mal bitte mit:
    Code:
    @media (min-width: 768px){
    .navbar-collapse .navbar-categories ul.navbar-nav > li > ul.dropdown-menu > li,
    .navbar-collapse .navbar-categories ul.navbar-nav > li > ul.dropdown-menu > li > ul > li {
        text-align: center;
    }}
     
  15. Anonymous

    Anonymous Erfahrener Benutzer


    muß ich das gleich am Anfang einfügen
     

    Anhänge:

  16. Anonymous

    Anonymous Erfahrener Benutzer

    vielen Dank es hat funktioniert.