Einstellungsmöglichkeiten des Adminbereiches Style Edit 3

Thema wurde von Euschmg, 21. Juni 2016 erstellt.

  1. Euschmg

    Euschmg Mitglied

    Registriert seit:
    19. April 2016
    Beiträge:
    16
    Danke erhalten:
    0
    Danke vergeben:
    14
    Hallo Leute! Ich habe folgendes Problem.
    Ich nutze die Gambio Version GX3 mit dem Style Editor 3 mit der Style Vorlage "Boxed Layout" und ich finde keine passende Einstellung um die Leiste des Adminbereiches ganz oben dauerhaft sichtbar zu machen oder so abzuändern das sie gut sichtbar ist, sobald ein Hintergrundbild aktiv ist.

    Die bisherige Einstellung die ich gefunden habe ( unter Sekundärnavigation " Menüpunkte " ) die Schriftfarbe usw zu ändern und die Anpassung sobald die Leiste angeklickt wird. Allerdings hilft mir das leider nicht weiter. Habe ich irgendetwas übersehen? Jemand von euch eine Idee die Leiste entweder dauerhaft einzublenden ( ohne das man mit dem Mauscursor drüber gehen muss ) wie auf dem dritten Bild zu sehen ist oder besser sichtbar zu machen?
    Anbei 3 Bilder zum Verständniss
    Auf dem ersten Bild ist die Adminleiste gut zu erkennen
    Auf dem zweiten Bild sobald ein Hintergrund aktiv ist schwierig zu erkennen
    Auf dem dritten Bild nur gut zu erkennen sobald der Mauscursor drüber ist


    1.jpg 2.jpg 3.jpg


    LG Petra
     
  2. #2 michael_76, 21. Juni 2016
    Zuletzt von einem Moderator bearbeitet: 21. Juni 2016
    @Euschmg

    Hallo und Willkommen im Forum. Das Problem ist ganz einfach zu lösen.
    Geh bitte in den StyleEdit3 und dann auf Bearbeiten von deinem Template
    Dann klickst du ziemlich weit oben auf dein Template das Du bearbeitest bis kommt eigenes CSS hinzufügen.

    Das CSS sieht dann so aus

    Code:
    @media (min-width: $grid-float-breakpoint) {
        #outer-wrapper {
            @include box-shadow(0 0 10px rgba(0, 0, 0, .3));
        }
        #header {
            background: transparent;
        }
    
    danach fügst Du folgende Zeilen ein

    Code:
    #topbar-container .navbar-right {
            background: #ffffff;
            border-top-right-radius: 10px;
            border-top-left-radius: 10px;
            margin-right: -30px;
        }
    
    Nun sollte der Code so aussehen

    Code:
    @media (min-width: $grid-float-breakpoint) {
        #outer-wrapper {
            @include box-shadow(0 0 10px rgba(0, 0, 0, .3));
        }
        #header {
            background: transparent;
        }
        #topbar-container .navbar-right {
            background: #ffffff;
            border-top-right-radius: 10px;
            border-top-left-radius: 10px;
            margin-right: -30px;
        }
        #topbar-container {
            background: transparent;
            margin-top: -30px;
            @include border-top-radius(10px);
            .navbar-topbar {
                margin-right: 30px;
            }
        }
        #footer {
            @include border-bottom-radius(10px);
        }
        }
    
    Danach speichern und Caches leeren
    Der bereich background: #ffffff; stellt die Farbe dar und kann angepasst werden

    Bei Fragen einfach Melden

    Gruß Michael
     
  3. barbara

    barbara G-WARD 2014-2020

    Registriert seit:
    14. August 2011
    Beiträge:
    32.902
    Danke erhalten:
    10.197
    Danke vergeben:
    1.474
    @Michale_76
    bitte nutze die Code-Boxen:
    Unbenannt.JPG Unbenannt_1.JPG
     
  4. @barbara das habe Ich dieses mal gemacht !
     
  5. Euschmg

    Euschmg Mitglied

    Registriert seit:
    19. April 2016
    Beiträge:
    16
    Danke erhalten:
    0
    Danke vergeben:
    14
    Vielen lieben Dank Michael!
    Genau das was ich gesucht habe
     
  6. barbara

    barbara G-WARD 2014-2020

    Registriert seit:
    14. August 2011
    Beiträge:
    32.902
    Danke erhalten:
    10.197
    Danke vergeben:
    1.474
    So ist es doch viel besser zu lesen :D