Skip to main content

Welkom bij Joomla!NL

Om alle mogelijkheden van dit forum te kunnen gebruiken, moet je je eerst registreren.

Vermeld in iedere vraag duidelijk:
  1. De versie van Joomla! 4.X die je gebruikt
  2. De volledige url van je website indien mogelijk.
  3. De versie van de extensie waar de vraag over gaat.

opgelost Aanpassing Submenu kleur in user.css maakt een rommeltje van de site

Aanpassing Submenu kleur in user.css maakt een rommeltje van de site

16 feb 2022 16:17
#1
Hoi,

Graag zou ik de achtergrond kleur van mijn dropdown menu's in het horizontale menu willen aanpassen.
Met de developer tools in Edge heb ik het volgende gevonden en geplaatst in mijn user.css:

Code:
.metismenu.mod-menu .mm-collapse { background-color: #fff;

Als ik in de developer tools #fff aanpas naar mijn gewenste kleur, dan ziet dat er goed uit. Zodra ik deze code in mijn user.css plaats, werkt dit niet en is mijn hele template in de war :dry:

Joomla! 4.1 Wie weet de oplossing? Oh en btw, wie weet ook hoe ik dat kleine pijltje van het dropdown menu Oranje krijg?

Alvast dank!

Groet,
Rob
"Forward, always" - Pop (Luke Cage)
  • lobbie1978
  • lobbie1978's berichtenfoto Heeft onderwerp gestart
  • Joomla!NL ontdekker
  • Joomla!NL ontdekker
  • Berichten: 44

Aanpassing Submenu kleur in user.css maakt een rommeltje van de site

16 feb 2022 16:20
#2
Er ontbreekt sowieso een
Code:
}
aan het eind van je definitie. Vermoed dat dat de oorzaak is. En als je de leden vraagt om mee te kijken, dan is een link naar je site wel handig :cheer:
Groetjes, Astrid
Gebruik de zoekfunctie van dit forum voordat je een nieuwe vraag plaatst.
Vragen uitsluitend via dit forum.
yndi.nl - kvk 17157725
Is je vraag beantwoord? Dan kan je het draadje zelf sluiten .
Wil je Joomla!NL steunen? Dat kan met een donatie.
  • Astrid
  • Astrid's Profielfoto
  • Moderator + Technisch team
  • Moderator + Technisch team
  • Berichten: 37439

Aanpassing Submenu kleur in user.css maakt een rommeltje van de site

16 feb 2022 17:01
#3
Neem dit op in je user.css
Code:
.metismenu.mod-menu .mm-toggler { color: orange; }
Groeten, Romke
Voordat je een vraag post, gebruik eerst de zoekfunctie van ons forum eens.
Vragen uitsluitend via dit Forum
Is je vraag opgelost? Dan kan je hem zelf sluiten .
Wil je Joomla!NL steunen? Dat kan met een donatie.
  • Romke
  • Romke's Profielfoto
  • Algemeen Moderator
  • Algemeen Moderator
  • Berichten: 3634

Aanpassing Submenu kleur in user.css maakt een rommeltje van de site

16 feb 2022 17:06 - 16 feb 2022 17:07
#4
} had ik wel meegenomen
"Forward, always" - Pop (Luke Cage)
  • lobbie1978
  • lobbie1978's berichtenfoto Heeft onderwerp gestart
  • Joomla!NL ontdekker
  • Joomla!NL ontdekker
  • Berichten: 44

Aanpassing Submenu kleur in user.css maakt een rommeltje van de site

16 feb 2022 17:07
#5

Neem dit op in je user.css
Code:
.metismenu.mod-menu .mm-toggler { color: orange; }

Helaas :( Werkt niet. Er verandert niets...
"Forward, always" - Pop (Luke Cage)
  • lobbie1978
  • lobbie1978's berichtenfoto Heeft onderwerp gestart
  • Joomla!NL ontdekker
  • Joomla!NL ontdekker
  • Berichten: 44

Aanpassing Submenu kleur in user.css maakt een rommeltje van de site

16 feb 2022 17:26
#6
Misschien de cache ff legen?
Groeten, Romke
Voordat je een vraag post, gebruik eerst de zoekfunctie van ons forum eens.
Vragen uitsluitend via dit Forum
Is je vraag opgelost? Dan kan je hem zelf sluiten .
Wil je Joomla!NL steunen? Dat kan met een donatie.
  • Romke
  • Romke's Profielfoto
  • Algemeen Moderator
  • Algemeen Moderator
  • Berichten: 3634

Aanpassing Submenu kleur in user.css maakt een rommeltje van de site

16 feb 2022 17:35 - 16 feb 2022 18:26
#7
Ha! Dat heeft geholpen. Het pijltje is mooi oranje nu.
Nu nog de achtergrond van het submenu. Die is nu wit. Die moet grijs worden.
Dat lukt nog niet echt.
Edit Astrid: Ik heb het citaat verwijderd. Het quoten van direct voorafgaande reacties voegt niets toe.
"Forward, always" - Pop (Luke Cage)
  • lobbie1978
  • lobbie1978's berichtenfoto Heeft onderwerp gestart
  • Joomla!NL ontdekker
  • Joomla!NL ontdekker
  • Berichten: 44

Aanpassing Submenu kleur in user.css maakt een rommeltje van de site

16 feb 2022 17:51
#8
Code:
.metismenu.mod-menu .metismenu-item > ul background-color: #22262a; }
Groeten, Romke
Voordat je een vraag post, gebruik eerst de zoekfunctie van ons forum eens.
Vragen uitsluitend via dit Forum
Is je vraag opgelost? Dan kan je hem zelf sluiten .
Wil je Joomla!NL steunen? Dat kan met een donatie.
  • Romke
  • Romke's Profielfoto
  • Algemeen Moderator
  • Algemeen Moderator
  • Berichten: 3634

Aanpassing Submenu kleur in user.css maakt een rommeltje van de site

16 feb 2022 20:07
#9
Helaas, deze css code werkt ook niet. Sterker nog, als ik dit toevoeg, worden de pijltjes weer wit :( (cache geleegd)

Ik heb nu deze css codes in mijn user.css staan. Alleen hiermee blijven de pijltjes ook oranje, maar het submenu blijft wit.
Code:
.container-header .mod-menu .parent>ul { color: #333333 } .metismenu.mod-menu .metismenu-item > ul background-color: #333333; } .metismenu.mod-menu .mm-collapse { background-color: #333333; } .metismenu.mod-menu .mm-toggler { color: orange; }

Als ik alles boven de laatste code weghaal (dus alleen .metismenu.mod-menu .mm-toggler laat staan) worden de pijltjes ook weer wit.

Schiet mij maar lek :(
"Forward, always" - Pop (Luke Cage)
  • lobbie1978
  • lobbie1978's berichtenfoto Heeft onderwerp gestart
  • Joomla!NL ontdekker
  • Joomla!NL ontdekker
  • Berichten: 44

Aanpassing Submenu kleur in user.css maakt een rommeltje van de site

16 feb 2022 20:25
#10
Je zou nog eens !important kunnen toevoegen.
Overigens zie ik je user.css niet, heb je mogelijk compressie of iets dergelijks aan staan?, zet deze dan even uit.
Groeten, Romke
Voordat je een vraag post, gebruik eerst de zoekfunctie van ons forum eens.
Vragen uitsluitend via dit Forum
Is je vraag opgelost? Dan kan je hem zelf sluiten .
Wil je Joomla!NL steunen? Dat kan met een donatie.
  • Romke
  • Romke's Profielfoto
  • Algemeen Moderator
  • Algemeen Moderator
  • Berichten: 3634

Aanpassing Submenu kleur in user.css maakt een rommeltje van de site

16 feb 2022 20:36 - 16 feb 2022 20:37
#11
Compressie... Hmm. Ik heb wel Google Pagespeed aan staan:

Deze afbeelding is verborgen voor gasten.
Login of registreer om deze te zien.


Is dat wat je bedoelt? Gzip Page Compression staat uit.
"Forward, always" - Pop (Luke Cage)
  • lobbie1978
  • lobbie1978's berichtenfoto Heeft onderwerp gestart
  • Joomla!NL ontdekker
  • Joomla!NL ontdekker
  • Berichten: 44

Aanpassing Submenu kleur in user.css maakt een rommeltje van de site

17 feb 2022 09:23
#12
Als je nog aan het ontwikkelen/aanpassen bent, kan je die opties beter nog even uitlaten. Maar er zit in ieder geval een fout in je css definitie.
Code:
.metismenu.mod-menu .metismenu-item > ul background-color: #333333; }
Moet zijn
Code:
.metismenu.mod-menu .metismenu-item > ul{ background-color: #333333; }
Groetjes, Astrid
Gebruik de zoekfunctie van dit forum voordat je een nieuwe vraag plaatst.
Vragen uitsluitend via dit forum.
yndi.nl - kvk 17157725
Is je vraag beantwoord? Dan kan je het draadje zelf sluiten .
Wil je Joomla!NL steunen? Dat kan met een donatie.
  • Astrid
  • Astrid's Profielfoto
  • Moderator + Technisch team
  • Moderator + Technisch team
  • Berichten: 37439
Tijd voor maken pagina: 0.742 seconden
Gemaakt door Kunena

Wil je Joomla!NL steunen?

Steun Joomla!NLAlle teamleden werken enthousiast, op vrijwillige basis, mee aan Joomla!NL. Maar een website met forum kost nu eenmaal geld. Dus als je Joomla!NL wilt steunen, dan kan dat, graag zelfs!

Lees hier meer informatie