- Berichten: 9
- Ontvangen bedankjes 0
Current menu-items niet te onderscheiden
- Cor
-
Onderwerp Auteur
- Gebruiker
-
Minder
Meer
10 nov 2024 16:35 #26209
door Cor
Current menu-items niet te onderscheiden werd gestart door Cor
Op met website ec-ho.nl (gebouwd met Joomla 5.actueel) lukt het mij niet om het gekozen menu-item van kleur te laten veranderen.
In mijn user.css bestand werkt a.hover uitstekend maar a.active heeft geen effect. De regel a.active op verschillende plekken in de user.css gezet zonder effect.
Ik ben benieuwd wat de oplossing is. Mvg Cor
In mijn user.css bestand werkt a.hover uitstekend maar a.active heeft geen effect. De regel a.active op verschillende plekken in de user.css gezet zonder effect.
Ik ben benieuwd wat de oplossing is. Mvg Cor
Graag Inloggen of een account aanmaken deelnemen aan het gesprek.
- Leen
-
- Gebruiker
-
- hobbie
Minder
Meer
- Berichten: 42
- Ontvangen bedankjes 0
11 nov 2024 08:51 #26210
door Leen
lvda
Beantwoord door Leen in topic Current menu-items niet te onderscheiden
Probeer het eens met deze code.
Dan kan je als werkt je eigen kleuren er in zetten
Na aanpassen van de user css wel mogelijk even je joomla site cache opschonen en ook je webbrowser
Dan kan je als werkt je eigen kleuren er in zetten
Na aanpassen van de user css wel mogelijk even je joomla site cache opschonen en ook je webbrowser
Code:
/* Verander de kleur van het geselecteerde menu-item */
.navbar-nav .nav-item.active > .nav-link {
color: red !important; /* Vervang #jouwkleurcode door de gewenste kleur, bijv. #ff0000 voor rood */
}
/* hoofdmenu kleur aktief */
.container-header .metismenu > li.level-1.active > a, .container-header .metismenu > li.level-1.active > button, .container-header .metismenu > li.level-1 > a:hover, .container-header .metismenu > li.level-1 > button:hover {
text-decoration: auto !important;
color: green !important;
}
lvda
Graag Inloggen of een account aanmaken deelnemen aan het gesprek.
- Cor
-
Onderwerp Auteur
- Gebruiker
-
Minder
Meer
- Berichten: 9
- Ontvangen bedankjes 0
11 nov 2024 15:51 #26211
door Cor
Beantwoord door Cor in topic Current menu-items niet te onderscheiden
Beste Leen, Ik heb de twee regels van mij vervangen door die van jou.
Helaas ze hebben geen effect (ook niet negatief). Zie mijn user.css bestand.
Mvg Cor
Helaas ze hebben geen effect (ook niet negatief). Zie mijn user.css bestand.
Mvg Cor
Graag Inloggen of een account aanmaken deelnemen aan het gesprek.
- Leen
-
- Gebruiker
-
- hobbie
Minder
Meer
- Berichten: 42
- Ontvangen bedankjes 0
11 nov 2024 16:09 - 11 nov 2024 16:13 #26212
door Leen
lvda
Beantwoord door Leen in topic Current menu-items niet te onderscheiden
ik had het bij mezelf getest met eenvoudige site
dus daar stond in user.css niks nog
maar ik zie in jou user.css bij regel 12 ook iets staan van
haal daar eens de color regel weg werkt het dan wel een beetje ?
dus daar stond in user.css niks nog
maar ik zie in jou user.css bij regel 12 ook iets staan van
Code:
.container-topbar .mod-menu {
justify-content: left;
color: #30841F;
font-weight: bold;
}
lvda
Laatst bewerkt 11 nov 2024 16:13 door Leen.
Graag Inloggen of een account aanmaken deelnemen aan het gesprek.
- Cor
-
Onderwerp Auteur
- Gebruiker
-
Minder
Meer
- Berichten: 9
- Ontvangen bedankjes 0
11 nov 2024 16:39 #26213
door Cor
Beantwoord door Cor in topic Current menu-items niet te onderscheiden
Het enige effect is dat bij Hover mijn witte letters in de groene achtergrond verdwijnen.
Ik zet mijn oorspronkelijke versie daarom maar terug.
Ik zet mijn oorspronkelijke versie daarom maar terug.
Graag Inloggen of een account aanmaken deelnemen aan het gesprek.
- Leen
-
- Gebruiker
-
- hobbie
Minder
Meer
- Berichten: 42
- Ontvangen bedankjes 0
11 nov 2024 16:42 #26214
door Leen
lvda
Beantwoord door Leen in topic Current menu-items niet te onderscheiden
en anders hernoem je user.css even tot bv org_user.css
en maak dan nieuwe user.css met alleen mijn code er in misschien werkt het dan wel en dan kan
je in jou eigen user.css eens zoeken welke regels de code van mij beinvloeden
en maak dan nieuwe user.css met alleen mijn code er in misschien werkt het dan wel en dan kan
je in jou eigen user.css eens zoeken welke regels de code van mij beinvloeden
lvda
Graag Inloggen of een account aanmaken deelnemen aan het gesprek.
- Cor
-
Onderwerp Auteur
- Gebruiker
-
Minder
Meer
- Berichten: 9
- Ontvangen bedankjes 0
11 nov 2024 19:54 #26215
door Cor
Beantwoord door Cor in topic Current menu-items niet te onderscheiden
Ik ga dat deze of volgende week in mijn lokale testomgeving eens op mijn gemak uitproberen.
Ik heb mij er al heel wat dagen op stuk gebeten. Je ziet dat de menu-items current zijn maar niet worden gepakt.
In ieder geval bedankt voor het meedenken.
Ik heb mij er al heel wat dagen op stuk gebeten. Je ziet dat de menu-items current zijn maar niet worden gepakt.
In ieder geval bedankt voor het meedenken.
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
Minder
Meer
- Berichten: 3
- Ontvangen bedankjes 1
12 nov 2024 13:49 #26216
door Wim Houtman
cache tijdelijk uitzetten in joomla bij bewerken en /of ctrl+shift+r in browser
Joomla specialist Joomla webdesign en onderhoud
Beantwoord door Wim Houtman in topic Current menu-items niet te onderscheiden
Code:
.metismenu-item.current:active { color: jouw kleur ; }
Joomla specialist Joomla webdesign en onderhoud
Graag Inloggen of een account aanmaken deelnemen aan het gesprek.
- Cor
-
Onderwerp Auteur
- Gebruiker
-
Minder
Meer
- Berichten: 9
- Ontvangen bedankjes 0
13 nov 2024 09:00 #26217
door Cor
Beantwoord door Cor in topic Current menu-items niet te onderscheiden
Beste Wim,
Ik heb ook jouw regel geprobeerd op twee plaatsen in user.css. Geen positieve (ook geen negatieve) gevolgen. Ik heb jouw regel voorlopig laten staan en mijn oorspronkelijke regel er ook weer ingezet. Met mijn lekenverstand lijkt het erop (als ik binnen Firefox / Inspector kijk) dat niet user.css wordt gekozen doch template.min.css. Ik krijg in Flex-container een schakelaar te zien die uit staat. Zet ik die aan dan ontstaat bij het current menu-item een kader met de door mij gekozen opvallende kleur roze vanuit jouw regel. Als ik op "flex" bij elk menu-item klik ontstaat ook dit kader. Maar dit kader ontstaat ook als ik in Inspector een groter deel van het scherm selecteer. Dus zit ik hier wellicht op een dwaalspoor. Ik zie wel mooi als een menu-item current is.
Behalve user.css gebruik ik geen andere overlays.
Ik heb ook jouw regel geprobeerd op twee plaatsen in user.css. Geen positieve (ook geen negatieve) gevolgen. Ik heb jouw regel voorlopig laten staan en mijn oorspronkelijke regel er ook weer ingezet. Met mijn lekenverstand lijkt het erop (als ik binnen Firefox / Inspector kijk) dat niet user.css wordt gekozen doch template.min.css. Ik krijg in Flex-container een schakelaar te zien die uit staat. Zet ik die aan dan ontstaat bij het current menu-item een kader met de door mij gekozen opvallende kleur roze vanuit jouw regel. Als ik op "flex" bij elk menu-item klik ontstaat ook dit kader. Maar dit kader ontstaat ook als ik in Inspector een groter deel van het scherm selecteer. Dus zit ik hier wellicht op een dwaalspoor. Ik zie wel mooi als een menu-item current is.
Behalve user.css gebruik ik geen andere overlays.
Graag Inloggen of een account aanmaken deelnemen aan het gesprek.
13 nov 2024 13:17 #26219
door Rondeb
Beantwoord door Rondeb in topic Current menu-items niet te onderscheiden
Hoi,
als ik in de broncode kijk zie ik 2 templates.
i.ibb.co/3crnX8f/2-keer.jpg
Welke is je hoofd template?
Groeten Ron
als ik in de broncode kijk zie ik 2 templates.
i.ibb.co/3crnX8f/2-keer.jpg
Welke is je hoofd template?
Groeten Ron
Graag Inloggen of een account aanmaken deelnemen aan het gesprek.