opgelost Submenu afwijkende kleur van hoofdmenu

Submenu afwijkende kleur van hoofdmenu

24 apr 2024 14:04 - 24 apr 2024 17:19

Ik ben een nieuwe website aan het bouwen. De testsite vind je hier: gct.oevelen.com

Ik heb kleuren aangepast. Er zijn 2 menu's; een hoofdmenu horizontaal bovenin en een zijmenu aan de rechterzijde. Ik wil dat alle horizontale en verticale menu-items dezelfde kleur krijgen. Het hoofdmenu heeft de juiste kleur, het zijmenu heeft nog steeds de standaard kleur en krijg ik niet gewijzigd.

Ik maak gebruik van user.css. Die ziet er momenteel als volgt uit:

Code:

/* Aanpassen menubalk */
.container-header {
 background-color: #ffffff;
 background-image: none;
}
/* Aanpassen kleur menutekst */
.container-header .mod-menu {
 color: #77C8D2;
 font-size: 1.5rem;
 flex: unset;
}
/* Aanpassen kleur titels */
h1, h2, h3, h4, h5, h6 {
 color: #0088A4;
}
/* Kleur artikeltekst */
:root {
 --body-color: #77C8D2;
}
/* Lijn submenu items naar rechts uit */
ul.mod-menu, ul.mod-menu_dropdown-metismenu button {
/* font-weight: bold;
 align-items: end; */
 color: #2B3ED1;
}

Die laatste color: heeft dus geen enkel effect. Wat zie ik over het hoofd of wat doe ik fout?

Vriendelijke groet,
René

Edit Astrid: Ik heb de code tussen codetags geplaatst, volgende keer graag zelf even doen.

RenevO
Heeft onderwerp gestart
Nieuw op Joomla!NL
Berichten: 7

Submenu afwijkende kleur van hoofdmenu

24 apr 2024 15:09 - 24 apr 2024 17:21

Je moet hiervoor het a element targetten. De volgende code werkt wel:

Code:

ul.mod-menu a {
 color: #0088a4;
}

Edit Astrid: Ik heb de code tussen codetags geplaatst, volgende keer graag zelf even doen.

Groet,
Elco - Alseenrodelap.nl

Als een Rode Lap
Nieuw op Joomla!NL
Berichten: 3

Submenu afwijkende kleur van hoofdmenu

24 apr 2024 16:50

Dank je Rode Lap, dat was de oplossing. Joomla is zo makkelijk als je het maar weet!

RenevO
Heeft onderwerp gestart
Nieuw op Joomla!NL
Berichten: 7

Submenu afwijkende kleur van hoofdmenu

24 apr 2024 17:24

Fijn dat het opgelost is.
Dank je wel voor de terugkoppeling.

Je kunt in de toekomst zelf na het terugkoppelen de topic sluiten door op de groene "Dit is de oplossing" knop te klikken.
Kijk ook hier even voor een volgende keer