Sidebar Menu stylen
- joomlaplates
-
Autor
- Moderator
-
- Beiträge: 1986
- Dank erhalten: 298
Sidebar Menu stylen wurde erstellt von joomlaplates
Hallo,
das Joomla SIdebarmenu ist nicht über Astroid zu stylen bzw nut sehr eingeschränkt.
Um das zu ändern und ihre eigenen Farben ect zu verwenden, gehen sie wie folgt vor
1.) Öffnen sie das Module > Advanced > und vergeben einen Klasse, siehe Bild
2.) Nun kopieren sie folgenden CSS code in ihren Benutzer definieten Code von den Template Settings und ändern sie ihn nach ihren Wünchen ab
das Joomla SIdebarmenu ist nicht über Astroid zu stylen bzw nut sehr eingeschränkt.
Um das zu ändern und ihre eigenen Farben ect zu verwenden, gehen sie wie folgt vor
1.) Öffnen sie das Module > Advanced > und vergeben einen Klasse, siehe Bild
2.) Nun kopieren sie folgenden CSS code in ihren Benutzer definieten Code von den Template Settings und ändern sie ihn nach ihren Wünchen ab
/* Deaktiviere Marker*/
ul.mein-menu li::marker {content: none}
/* Abstand links für Submenus*/
.mein-menu ul {padding-left:1rem }
/* Erste Ebene Sidebar Menu*/
ul.mein-menu li a {color:#red}
ul.mein-menu li a:hover {color:black}
ul.mein-menu li.active a {color:green}
ul.mein-menu li.active a:hover {color:blue}
/* Zweite Ebene Sidebar Menu*/
ul.mein-menu li li a {color:blue}
ul.mein-menu li li a:hover {color:blue}
ul.mein-menu li li.active a {color:blue}
ul.mein-menu li li.active a:hover {color:blue}
/* Dritte Ebene Sidebar Menu*/
ul.mein-menu li li li a {color:blue}
ul.mein-menu li li li a:hover {color:blue}
ul.mein-menu li li li.active a {color:green}
ul.mein-menu li li li.active a:hover {color:blue}