Current menu-items niet te onderscheiden

Cor
Onderwerp Auteur
Gebruiker

Meer

13 nov 2024 19:31 #26222 door Cor

Beantwoord door Cor in topic Current menu-items niet te onderscheiden

Dag Ron,Mijn standaard template is Cassiopeia_ec_ho. Hier staat de oranje ster bij Templates / Stijlen (website) / Pagina's. Daar staat bij Cassiopeia_ec_ho "Standaard voor alle pagina" en bij de Cassioeia staat Pagina's "niet toegewezen".De twee regels, door jou aangewezen, interpreteer ik als volgt: Ik gebruik overal cassiopeia behalve als ik een overrides heb. Ik heb geen overrides (behalve mijn eigen logo's). Zou de door jouw aangeduide eerste regel uit cassiopeia die in user.ccs in cassiopeia_ec_ho toch domineren?Groeten, Cor

Graag Inloggen of een account aanmaken deelnemen aan het gesprek.

Youll
Gebruiker

Meer

14 nov 2024 08:11 #26223 door Youll

Beantwoord door Youll in topic Current menu-items niet te onderscheiden

Deze moet gewoon werken

Code:

.container-header .metismenu > li.level-1.active > a {
  color:black;
 }

En nee, het heeft niets met child templates te maken. Logisch ook, anders zouden je andere aanpassingen in user.css ook niet werken ;-)

Nog een tip: Let op dat je de parent selector gebruikt. Deze code

Code:

a:hover {
  color:white;
  background-color: #30841F; /* alle buttons worden groen */
  }

is nu van invloed op alle links op je site!

Graag Inloggen of een account aanmaken deelnemen aan het gesprek.

Cor
Onderwerp Auteur
Gebruiker

Meer

14 nov 2024 08:57 #26224 door Cor

Beantwoord door Cor in topic Current menu-items niet te onderscheiden

Beste Youll, Wederom ook nu geen positief (en negatief) effect. Het menu-item is mooi current. Bij template.min.css zie ik via Inspector doorhalingen maar user.css zie ik hier niet opduiken. Waar heb ik per ongeluk blijkbaar iets gemeens gedaan?Dat alle links op de site groen werden ging per ongeluk maar ik vind dit wel grappig. Het begrip parent selector is voor mij nog onbekend terrein.Groet, Cor

Graag Inloggen of een account aanmaken deelnemen aan het gesprek.

Youll
Gebruiker

Meer

14 nov 2024 12:15 #26225 door Youll

Beantwoord door Youll in topic Current menu-items niet te onderscheiden

Het moest current zijn in plaats van active

Code:

.container-header .metismenu > li.level-1.current > a {
  color:black;
 }

Graag Inloggen of een account aanmaken deelnemen aan het gesprek.

Wim Houtman
Gebruiker
Ik maak, onderhoud en optimaliseer met heel veel plezier Joomla websites voor iedereen onder de naam

Meer

14 nov 2024 13:01 - 14 nov 2024 13:17 #26228 door Wim Houtman

Beantwoord door Wim Houtman in topic Current menu-items niet te onderscheiden

Code:

.container-header .container-topbar .mod-menu_dropdown-metismenu > li.level-1.current > a { color: #000; }

gokje of

Code:

.container-header .container-topbar .metismenu > li.level-1.current > a

ik denk dat .container-topbar erbij moet omdat dat die nhtml div ook in user.css staat ( .container-topbar .mod-menu r 17)

Joomla specialist Joomla webdesign en onderhoud

Laatst bewerkt 14 nov 2024 13:17 door Wim Houtman. Reden: idem

De volgende gebruiker (s) zei dank u: Cor

Graag Inloggen of een account aanmaken deelnemen aan het gesprek.

Youll
Gebruiker

Meer

14 nov 2024 13:29 #26229 door Youll

Beantwoord door Youll in topic Current menu-items niet te onderscheiden

Met alle respect, maar je user.css is een rommeltje.
Dit zou moeten werken:

Code:

.container-topbar .mod-menu>li:hover {
  color:white;
background-color: green;
}
.container-topbar .metismenu > li.level-1.current > a {
  color:black;
 }

De volgende gebruiker (s) zei dank u: Cor

Graag Inloggen of een account aanmaken deelnemen aan het gesprek.

Cor
Onderwerp Auteur
Gebruiker

Meer

14 nov 2024 20:15 - 14 nov 2024 20:24 #26237 door Cor

Beantwoord door Cor in topic Current menu-items niet te onderscheiden

Wim en Youll Het is gelukt. Jullie beide oplossingen doen het. Omdat de regel van Youll korter is heb ik die overgenomen. Analoog is het mij ook gelukt het current submenu van kleur te doen veranderen.@ Youll de regel bevattende "green" heb ik niet overgenomen. Het blokje groen wordt dan wel er groot bij hover.Ik hoop dat mijn user.css niet te veel een rommeltje is. Omdat het mijn vak niet is, zou het kunnen dat het niet heel mooi is. Mede daarom heb ik er zoveel mogelijk commentaar bij geplaatst. Allen, bedankt voor jullie hulp.
Hoe kan ik eigenlijk dit item op opgelost zetten?

Laatst bewerkt 14 nov 2024 20:24 door Cor.

Graag Inloggen of een account aanmaken deelnemen aan het gesprek.

Gemaakt door Kunena