Twee menu's, zelfde positie, andere kleur

Ik heb bovenaan de pagina twee menu's gemaakt allebei in position-1.
Menu 1 is hoofdkleur paars en Menu 2 wil ik graag het paars vervangen door rood.

Ik denk dat dit wel mogelijk is maar ik zal dan ergens in de code iets moeten veranderen/bijschrijven.
Ik heb geen idee hoe, waar en wat dus ik had er graag hulp bij gehad.

De website is te bekijken op www.stichtingtorna.nl
Alvast reuze bedankt.
groet JP!

Daarvoor moet je de regels die je wil aanpassen nogmaals in je bestand default.css kopiëren en dan voorzien van een module-class achtervoegsel.

Je zet dan voor de nieuwe css regel bijvoorbeeld .menu-2
Let op de punt.

Vervolgens pas je in die regel de kleur aan naar de gewenste kleur rood.

En in je module voor het tweede menu plaats je bij menuclass achtervoegsel de tekst: menu-2
Let op: Nu zonder de punt.

Op die manier geef je beide modules een andere kleur mee.

De regels die je moet overnemen kun je vinden met behulp van Firebug.
Tip: maak gebruik van de Firebug-addon voor Firefox (link naar deze tool is hier te vinden). Met deze tool kun je o.a. van ieder onderdeel van de site de css definities achterhalen en waar in welk bestand ze staan.
Tevens kun je met deze tool in de betreffende pagina van je site veranderingen aanbrengen in de css definities en meteen zien wat het effect is (later eventueel wel zelf de aanpassingen aanbrengen in css bestanden).

Dag Wouter.
Dank voor je antwoord!

Ik snap wel ongeveer wat je bedoelt en het volgende is het geval:
Jou tips heb ik uitgevoerd en de paarse letters zijn nu idd rood geworden.
Echter zowel bij menu 1 als bij menu 2.
Menu 1 moet dus paars zijn en menu 2 moet rood zijn.
Op de een of andere manier pakt hij nu de rode letters en ik zie niet waarom.

Dit is de code zoals ik hem nu heb :

Zie je misschien wat ik fout doe?
Bij menuclass achtervoegsel heb ik natuurlijk bij menu 1 .menu1 gezet en bij menu2 .menu2 gezet....

rara....

Heeft het te maken dat ze allebei in positie1 staan?

Dank en groet JPG!

overigens raar,

steeds als ik iets nieuws probeer doet mijn menu in positie 1 raar.
Of de letters worden klein of ze blijven paars hoewel ik dat niet veranderd heb.....

In je css menu-1 en menu-2
In je module class-suffix menu1 en menu2, dat werkt niet moet ook daar zijn menu-1 en menu-2 (maar wel dus zonder de punt ervoor zoals al door wouter is genoemd.

Klopt romke ik had het ook al gezien en veranderd maar het blijft niet werken..... nu blijft alles paars hoewel het zwart moet zijn. Het is net of hij de css niet goed pakt ofzo...m

Probeer het eens met een spatie voor menu-2 bij menuclass achtervoegsel:

dus zo: [spatie]menu-2

JPG
je hebt nu 'menu' genomen, maar lijkt erop dat de class 'navigation' wordt gebruikt. Misschien dat je het daar in moet zoeken (in je default.css). Let wel ik ben geen css expert, maar via Firebug nagekeken.
Voordat je van alles overhoop haalt, ik weet niet of je template ook gebruikt maakt van custum.css, zo ja, dan zou ik daar de wijzigingen/aanpssingen in aanbrengen. En zorg altijd voor goede back-ups!
anders zou ik het verder ook niet weten en laat dan graag over aan de experts op dit forum.
Succes

Dank voor alle reactie,s

Het wil me maar niet lukken.