Hallo,
das Template generiert aufgrund der Styleanweisungen auch Inline-CSS (schaue der einmal den Quelltext an), welches im Normalfall die höhste "Priorität" hat.
Die user.css arbeitet schon fehlerfrei, jedoch muss du ggf. mit dem Zusatz "!important" Deinem CSS hinzufügen.
Als o bei mir funktioniert der "Hamburger" fehlerfrei und ist auch wirklich sinnvoll für die Anzeige auf mobilen Endgeräten.
Christian
Firefox zeigt mir nämlich den Eintrag der user.css durchgestrichen an
Dann musst Du den Selektor höher priorisieren, mit einer übergeordneten Klasse oder ID.
Guten Abend,
ich kann aber immer noch nicht die Stellen finden, an denen der blaue Menübutton im Hauptmenü, die Hintergrundfarbe für das ausgewählte Untermenü und die Textfarbe für den nicht aktiven Hauptmenüeintrag stehen. Beides möchte ich gern ändern. Ich habe zwar ein paar Grundkenntnisse für ein css, aber nicht so weitreichende, wie hier nötig 
.
Vielen Dank für eure Hilfe
Jürgen
Das ist hier das Inline-CSS.
Die Farbe wird wird im Stil festgelegt.
body.site {
border-top: 3px solid #0088cc;
background-color: #f4f6f7;
}
a {
color: #0088cc;
}
.nav-list > .active > a,
.nav-list > .active > a:hover,
.dropdown-menu li > a:hover,
.dropdown-menu .active > a,
.dropdown-menu .active > a:hover,
.nav-pills > .active > a,
.nav-pills > .active > a:hover,
.btn-primary {
background: #0088cc;
}Wie Tom schrieb, sollte bsp. mit
body .nav-pills > .active > a {background-color: ##ffccdd;}ein der user.css eine Änderung möglich sein.
Christian
ich kann aber immer noch nicht die Stellen finden, an denen der blaue Menübutton im Hauptmenü, die Hintergrundfarbe für das ausgewählte Untermenü und die Textfarbe für den nicht aktiven Hauptmenüeintrag stehen
In den Templateoptionen
Gute Tag,
vielen Dank euch allen.
Leider bewirkt dies gar nichts:
.nav-list > .active > a,
.nav-list > .active > a:hover,
.dropdown-menu li > a:hover,
.dropdown-menu .active > a,
.dropdown-menu .active > a:hover,
.nav-pills > .active > a,
.nav-pills > .active > a:hover,
.btn-primary {
background: #00ffff;
}
body .nav-pills > .active > a {background-color: ##ffccdd;}
Inzwischen bin ich aber schon einen Schritt weiter gekommen. Nun fehlen mir nur noch die Stellen, die den Rand der Menüeinträge, den der Untermenüs und die Hintergrundfarbe des aktiven Untermenüs bestimmen.
Guten Abend,
vielen Dank allen, die mir geholfen haben. Es ist geschafft:
Hier das zugehörige user.css (ob alles davon gebraucht wird, habe ich nicht überprüft):
.navigation {
background-color: #F6A800; /* orangeFarbe Menühintergrund */
;
}
.navigation .nav-child {
background-color:#F6A800; /*orange Hintergrund farbe child-Menü */
border-color: #C00417; /*rot */
border : 3px ;
border-radius:0px;
}
.navigation .nav > li.navigation,
.nav > li
{
border: 2px solid;
border-color: #C00417; /*rot*/
background-color: #F6A800; /*orange*/
}
.navigation .nav-child a {
background-color: #C00417 ; /*rot */
border: 1px solid;
border-color:#F6A800 ; /*orange*/
background-image: linear-gradient(#F6A800,#F6A800);
color: #fff; /*Textfarbe child-Menü*/
}
.navigation .nav > li:hover > .nav-child > li a,
.navigation .nav li > a:focus
{
background-image: linear-gradient(#F6A800,#F6A800);
background-color: #F6A800; /*orange*/
border: 1px solid ;
border-color: #C00417; /*rot*/
color: #fff;
}
.navigation .nav-child > li:hover,
.navigation .nav > li:hover > .nav-child > li a:hover,
.navigation .nav li > a:focus {
background-image: linear-gradient(#C00417,#C00417);
}
body.site {
border: 0px solid ;
background-color:#F6A800 ; /*orange*/
}
a {
color: #F6A800;
}
.nav > li,
.nav > li > a:hover,
.nav > li > a:focus {
text-decoration: none;
background-color: #C00417 ;
left:5px;
right: 5px;
border-color:#F6A800;
}
.nav-pills > li > a {
color :#fff;
padding: 5px;
border-color: #F6A800; /*orange*/
border-radius: 0px;
}