Kategorieleiste schmäler

Thema wurde von lotharschlaefer, 20. Oktober 2016 erstellt.

  1. lotharschlaefer
    lotharschlaefer Erfahrener Benutzer
    Registriert seit:
    19. Juli 2013
    Beiträge:
    126
    Danke erhalten:
    3
    Danke vergeben:
    69
    Hallo,

    ich habe gerade angefangen in der Ansicht für PC das Design zu ändern.
    Wie bekomme ich denn die Kategorieleiste schmäler? Bei mir ist diese ziemlich breit und das sieht nicht schön aus. Kann mir jemand sagen wie ich diese wieder schmäler bekomme? Habe schon so ziemlich alles ausprobiert, finde aber keine Lösung.

    Danke.

    LG Lisa
     
  2. Dennis (MotivMonster.de)
    Dennis (MotivMonster.de) G-WARD 2013/14/15/16
    Registriert seit:
    22. September 2011
    Beiträge:
    31.303
    Danke erhalten:
    6.268
    Danke vergeben:
    1.118
    Beruf:
    Mann für alles :)
    Ort:
    Weilburg
    Dazu musst du die Grid-Spalten im Style Editor für die Boxen links kleiner einstellen.
     
  3. lotharschlaefer
    lotharschlaefer Erfahrener Benutzer
    Registriert seit:
    19. Juli 2013
    Beiträge:
    126
    Danke erhalten:
    3
    Danke vergeben:
    69
    es tut mir leid ich habe mich falsch ausgedrückt. ich meine die leiste unter dem Header. Siehe Bild.
     

    Anhänge:

  4. Dennis (MotivMonster.de)
    Dennis (MotivMonster.de) G-WARD 2013/14/15/16
    Registriert seit:
    22. September 2011
    Beiträge:
    31.303
    Danke erhalten:
    6.268
    Danke vergeben:
    1.118
    Beruf:
    Mann für alles :)
    Ort:
    Weilburg
    Bitte Bilder keine PDFs.
    PDFs muss man runterladen, öffnen, löschen. Da hat keiner wirklich Lust zu
     
  5. lotharschlaefer
    lotharschlaefer Erfahrener Benutzer
    Registriert seit:
    19. Juli 2013
    Beiträge:
    126
    Danke erhalten:
    3
    Danke vergeben:
    69
    anbei das Bild. ich meine die weiße Leiste unter dem Logo
    upload_2016-10-20_17-29-22.png
     
  6. Dennis (MotivMonster.de)
    Dennis (MotivMonster.de) G-WARD 2013/14/15/16
    Registriert seit:
    22. September 2011
    Beiträge:
    31.303
    Danke erhalten:
    6.268
    Danke vergeben:
    1.118
    Beruf:
    Mann für alles :)
    Ort:
    Weilburg
    OK, dazu müsstest das CSS anpassen.
    Nutz doch mal das Windows eigene Snipping Tool für Bilder zu erstellen :)
    einfach unten eintippen :)

    CSS Hilfe aber nur mit Link, da man sonst nicht sieht was bei dir für css ist.
     
  7. lotharschlaefer
    lotharschlaefer Erfahrener Benutzer
    Registriert seit:
    19. Juli 2013
    Beiträge:
    126
    Danke erhalten:
    3
    Danke vergeben:
    69
    und wie und wo kann ich das anpassen? da muss ich ja bestimmt irgendeinen bestimmten Code eingeben und ich habe keine Ahnung welchen.
    Andere Frage ich arbeite mit dem Honeygrid und im Handbuch steht CSS nur im Zusammenhang mit EyeCandy.

    Das Komische ist ja, dass es zuerst gepasst hat und dann habe ich anscheinend irgendetwas umgestellt ohne es zu merken.
     
  8. Dennis (MotivMonster.de)
    Dennis (MotivMonster.de) G-WARD 2013/14/15/16
    Registriert seit:
    22. September 2011
    Beiträge:
    31.303
    Danke erhalten:
    6.268
    Danke vergeben:
    1.118
    Beruf:
    Mann für alles :)
    Ort:
    Weilburg
    CSS und html sind die Bausteine aus denen deine Seite aufgebaut wird.
    HTML gibt die bereiche vor das CSS sagt wie es aussehen soll. Mal grob gesagt.
    Man kann ein paar DInge mit dem Style Editor verändern. Aber nciht alles.
    Daher gibt es die Option "Eigenes CSS" im Style Editor. Da kann man nix "bearbeiten" sondern das vorhandene überschreiben durch sein eigenes CSS.

    Damit man weiß welches und was man da einfügt muss man ins vorhandene schauen. Das geht bei Chrome z.B. mit Rechte Maustaste auf den Bereich und "untersuchen" klicken.
    Dann kommt ein Fenster mit links html und rechts das CSS - Da siehst du wie deine Seite zusammengesetzt ist.
    Nun kann man da anfangen zu experimentieren und rumspielen. (Keine Angst ist alles nur temporär im Browser - neu laden der Seite und alles is frisch vom Server).

    Und eben weil man das mit Chrome (in Firefox mit dem AdOn Firebug) machen kann, fragen alle bei Design Problemen immer nach einem Link zu der Seite. Den nur so kann man sehen was für html und css werte bei DIR auf DEINER Seite da aktiv sind. Auf Fotos sieht man zwar was du meinst, aber nicht wie es erstellt wurde.
     
  9. lotharschlaefer
    lotharschlaefer Erfahrener Benutzer
    Registriert seit:
    19. Juli 2013
    Beiträge:
    126
    Danke erhalten:
    3
    Danke vergeben:
    69
    weißt Du auch wie das bei Microsoft edge funktioniert? habe es gerade gegoogelt finde dazu aber nichts.
    Was ich auch nicht verstehe, Du sagst ich muss das im Style Editor machen, aber da habe ich ja eine ganz andere Ansicht, da ich eigentlich mit dem StyleEdit arbeite.. und wenn ich die Einstellung auf Honeygrid habe kann ich den Style Editor gar nicht öffnen.
     
  10. Anonymous
    Anonymous G-WARD 2015/2016
    Registriert seit:
    20. Februar 2012
    Beiträge:
    9.088
    Danke erhalten:
    1.613
    Danke vergeben:
    1.212
    arbeite bitte mit vernünftigen Browsern wie Firefox oder Chrome, nicht mit denen von Microsoft!
    Auch beim Honeygrid geht der StyleEditor. Was geht denn da bei Dir nicht?
     
  11. lotharschlaefer
    lotharschlaefer Erfahrener Benutzer
    Registriert seit:
    19. Juli 2013
    Beiträge:
    126
    Danke erhalten:
    3
    Danke vergeben:
    69
    wenn ich Honeygrid einstelle kann ich nur noch das Bearbeitungsmodul öffnen. und hier kann ich doch keinen CSS Code eingeben oder?
     

    Anhänge:

  12. Anonymous
    Anonymous G-WARD 2015/2016
    Registriert seit:
    20. Februar 2012
    Beiträge:
    9.088
    Danke erhalten:
    1.613
    Danke vergeben:
    1.212
    wenn Du da auf bearbeiten klickst, kannst Du danach oben eigenes css einfügen
     
  13. lotharschlaefer
    lotharschlaefer Erfahrener Benutzer
    Registriert seit:
    19. Juli 2013
    Beiträge:
    126
    Danke erhalten:
    3
    Danke vergeben:
    69
    stimmt, das habe ich ständig übersehen. Danke
     
  14. Torben Wark
    Torben Wark Gambio GmbH
    Registriert seit:
    15. Juli 2014
    Beiträge:
    2.581
    Danke erhalten:
    1.178
    Danke vergeben:
    399
    Das brauchst du nicht per Eigenes CSS machen, die Einstellung dafür findest dsu im StyleEdit3 unter Kategorien > Allgemein > Höhe außen.
     
  15. Ed
    Ed Erfahrener Benutzer
    Registriert seit:
    6. November 2011
    Beiträge:
    395
    Danke erhalten:
    198
    Danke vergeben:
    141
    Hi,

    hier der CSS Code, für die die's interessiert

    Code:
    @media (min-width: 1024px){
    #header .navbar-categories {
        width: 900px;
    }
    }
    Du musst das evtl. für die verschiedenen viewports (also einfach grob ausgerückt Bildschirmauflösungen) festlegen.
    Da ich aber davon ausgehe, dass Du nur dann die Breite einschränken willst, falls der "Balken" breiter ist als die Kategorien, reicht aber der oben aufgeführte Code aus. Du musst noch die 1024 und die 900 durch Deine gewünschten Werte ersetzen.

    Du kannst zwar Prozent oder px verwenden. An dieser Stelle ist aber nur die Angabe in pixel sinnvoll.

    Je nachdem, was an css schon vorhanden ist, und wenn die Anpassung nicht klappt, muss bei der Breit mit !Important die Wertigkeit erhöht werden, also lautet dann:

    width: 900px!Important;

    enjoi

    ED
     
  16. Ed
    Ed Erfahrener Benutzer
    Registriert seit:
    6. November 2011
    Beiträge:
    395
    Danke erhalten:
    198
    Danke vergeben:
    141
    Hi,

    ich hatte mit schmal die Breite verstanden, laut Torben meintest Du die Höhe??

    Dann mach es wie Torben beschrieben hat.

    sorry

    ED
     
  17. Anonymous
    Anonymous G-WARD 2015/2016
    Registriert seit:
    20. Februar 2012
    Beiträge:
    9.088
    Danke erhalten:
    1.613
    Danke vergeben:
    1.212
    ich denke schon dass er die Breite meinte........
     
  18. lotharschlaefer
    lotharschlaefer Erfahrener Benutzer
    Registriert seit:
    19. Juli 2013
    Beiträge:
    126
    Danke erhalten:
    3
    Danke vergeben:
    69
    nein ich meinte eigentlich die Höhe.. aber jetzt hat es geklappt!
    Die Breite fand ich aber auch nicht so gut. das konnte ich jetzt auch Dank dem Code ändern.

    Vielen Dank!

    LG Lisa
     
  19. Dennis (MotivMonster.de)
    Dennis (MotivMonster.de) G-WARD 2013/14/15/16
    Registriert seit:
    22. September 2011
    Beiträge:
    31.303
    Danke erhalten:
    6.268
    Danke vergeben:
    1.118
    Beruf:
    Mann für alles :)
    Ort:
    Weilburg
    Bitte bei eigenem CSS beachten das es responsive für versch. Breiten versch. Werte geben kann.
    Grundsätzlich empfiehlt es sich mal paar einfache Grundlagen in CSS zu lesen - lernt man recht schnell und reicht für solche minimalen anpassungen dann.