Kategorie Farbe der Überschrift

Thema wurde von steffen_kittel, 6. Februar 2017 erstellt.

  1. steffen_kittel

    steffen_kittel Erfahrener Benutzer

    Hallo,

    weiß evtl. jemand von Euch, wie man die Farbe, Schriftart, Größe der Kategorienamen und Unterkategorien (nur die jeweiligen Überschriften) im GX3 ändern kann?

    Wenn ja, wäre ich Euch über einen Tipp sehr dankbar!

    Steffen
     
  2. Sergej (Gambio)

    Sergej (Gambio) Erfahrener Benutzer Mitarbeiter

    Vieles kannst du über den StyleEdit3 steuern, wenn du bestimmte Sachen nicht direkt über StyleEdit3 steuern kannst, hast du immer noch die Möglichkeit über eigene CSS-Definitionen die Anpassungen durchzuführen.
     
  3. bt012ss

    bt012ss Erfahrener Benutzer

    Im SE ->
    gambio67.jpg

    Als eigenes CSS im SE probieren ->
    Code:
    .navbar-collapse .navbar-categories ul.navbar-nav
    {font-size: größe in px;
    font-family: deine schriftart;}
    Im SE ->
    gambio68.jpg
     
  4. Anonymous

    Anonymous Erfahrener Benutzer

    Hallo zusammen,

    bei einem Thema bin ich leider ratlos. Ich versuche schon seit einiger Zeit, die Überschriften der Unterkategorien zu bearbeiten. Ich hätte gerne eine Button Darstellung. Würde so etwas gehen?
     

    Anhänge:

  5. Kai Stejuhn

    Kai Stejuhn Beta-Held

    Meinst Du in etwa so?

    Screenshot-2018-1-18 Herzensprojekt - Personalisierte Geschenke.png
     
  6. Anonymous

    Anonymous Erfahrener Benutzer

    Ja genau - sowas in der Art!
     
  7. Kai Stejuhn

    Kai Stejuhn Beta-Held

    Das erreichst Du mit dem folgenden CSS-Code, den Du unter eigenes CSS im Style-Editor eintragen kannst.

    Code:
    .subcategories-listing-container .subcategories-listing .subcategory-item {
        margin: 10px 0px;
        text-align: center;
    }
    
    .subcategory-item a {
        background-color: blue;
        color: white;
        padding: 5px 15px;
        border-radius: 5px;
    }
    Durch das "text-align:center; werden die "Buttons" zentriert. Wenn man das nich möchte, dann raus löschen.
     
  8. Anonymous

    Anonymous Erfahrener Benutzer

    Vielen Dank - das probiere ich mal aus!
     
  9. Anonymous

    Anonymous Erfahrener Benutzer

    Jetzt habe ich noch eine Frage zur Optik, könnte man es hinbekommen, dass alle Buttons gleich groß (lang) sind,
    unabhängig vom Text? Danke für die Hilfe!
     

    Anhänge:

  10. Kai Stejuhn

    Kai Stejuhn Beta-Held

    Wenn Du bei

    .subcategory-item a

    den Code

    display:block;

    einfügst und ggf. eine Breite einstellst, dann sollte das passen. Prüfe das aber auf alle Fälle auch auf einem Tablet und Smartphone wegen den verschiedenen Anzeigen.
     
  11. Anonymous

    Anonymous Erfahrener Benutzer

    Funktioniert einwandfrei - Vielen Dank!