Title: top 1 navigatie Last modified: 5 augustus 2016 --- # top 1 navigatie * [franka slothouber](https://nl.wordpress.org/support/users/franka-slothouber/) * (@franka-slothouber) * [11 jaren, 3 maanden geleden](https://nl.wordpress.org/support/topic/top-1-navigatie/) * Hallo, ik heb mijn website omgezet naar Stained Glass, sinds mijn laatste post in dit draadje: [https://nl.forums.wordpress.org/topic/website-overzetten-naar-wordpress-2?replies=16](https://nl.forums.wordpress.org/topic/website-overzetten-naar-wordpress-2?replies=16) Ik heb al veel aanpassingen gedaan en het begint er nu uit te zien zoals ik wil, maar gisteravond zat ik kleuren aan te passen in het CSS stylesheet voor het hoofdmenu bovenin (.top-1-navigation – horizontal navigation) en ging er wat mis. De kleur was oorspronkelijk lichtgrijs en ik heb het aangepast aan een donkerder grijs (#999), maar om de een of andere reden zijn de letters van het menu nu ineens op paars komen te staan. * Ook de links en bezochte links zijn ineens blauw of paars, terwijl ik daar voorzover ik weet niks heb aangepast (waren ook eerst lichtgrijs). Kan iemand met mij meekijken om te zien wat ik fout heb gedaan? * De site is hier te vinden: [http://www.frankaslothouber.nl](http://www.frankaslothouber.nl) Ik heb ook screenshots gemaakt van het betreffende stukje stylesheet, mocht iemand die willen zien om mee te kijken naar de code. * Dank! Franka 14 reacties aan het bekijken - 1 tot 14 (van in totaal 14) * [webstan](https://nl.wordpress.org/support/users/webstan/) * (@webstan) * [11 jaren, 3 maanden geleden](https://nl.wordpress.org/support/topic/top-1-navigatie/#post-83640) * Aan welke css heb je de kleuren van dit menu gezet? Ik zie namelijk nergens waar deze kleuren zijn gedefinieerd in je website. * Probeer dit eens: * ``` .horisontal-navigation > div > ul > li a, .horisontal-navigation a { color: red; } ``` * veranderen de kleuren van het menu nu wel? * Thread starter [franka slothouber](https://nl.wordpress.org/support/users/franka-slothouber/) * (@franka-slothouber) * [11 jaren, 3 maanden geleden](https://nl.wordpress.org/support/topic/top-1-navigatie/#post-83643) * Hi webstan, * Bedankt, ik heb je code toegepast en het werkt! Ik heb alleen ‘red’ veranderd in ‘grey’ en heb nog 2 vragen: In de oorspronkelijke CSS-code van het hoofd- stylesheet van Stained Glass stond de volgende code: * ``` .horisontal-navigation > div > ul > li a { padding: 0 20 px: } ``` * De padding heb ik nu verwijderd met de code van jou hierboven, maar ik denk dat ik die padding wel nodig heb om het menu duidelijker te maken? Zo ja, waar en hoe moet de totale coderegel dan zijn? * Andere vraag die ik heb gaat over bezochte links, zoals de creditline onderin naar WP en de schrijver van het theme. Kan ik die ook grijs maken? * Dank! Franka * [webstan](https://nl.wordpress.org/support/users/webstan/) * (@webstan) * [11 jaren, 3 maanden geleden](https://nl.wordpress.org/support/topic/top-1-navigatie/#post-83644) * Met deze code kan je zelf aanpassen hoeveel padding je rondom de links wilt hebben. In dit geval 0px 20px zoals je eerder aangaf. * ``` .horisontal-navigation > div > ul > li a, .horisontal-navigation a { color: grey; padding: 0px 20px!important; } ``` * Alle bezochte links kan je gewoon heel makkelijk aanpassen met de css code * ``` a:visited {} ``` * Voor deze code moet je natuurlijk wel het juiste html elelement selecteren waar de links zich in bevinden. * Thread starter [franka slothouber](https://nl.wordpress.org/support/users/franka-slothouber/) * (@franka-slothouber) * [11 jaren, 3 maanden geleden](https://nl.wordpress.org/support/topic/top-1-navigatie/#post-83645) * Opnieuw mijn dank! * De padding toevoegen blijkt een ander effect te hebben: de menu items komen verder uit elkaar te staan. Dat was niet de bedoeling, dus ik heb het terug gezet naar de situatie zonder padding. Wat ik bedoelde te bereiken is dat bij hover-acties van de muis de menu onderdelen een ander kleurtje krijgen (door mij nader te bepalen). Het was oorspronkelijk een grijs blokje dat je te zien kreeg, ik dacht dat dat de padding was. Ter info: Als ik de achtergrond van de pagina op wit zet, zie ik het grijze hover-blokje ook niet meer, dus daar kan het denk ik niet aan liggen, nu ik de achtergrond en de menu-woorden in grijs heb staan. * Ook vroeg ik me nog af of ik `color: grey;` nog kan wijzigen in een hexadecimaal, bijvoorbeeld #999999. Hetzelfde zou ik op die manier willen aanpassen voor het hoveren. * Ik zal zoeken naar het html element voor de het `a:visited {}` deel. Wat moet er tussen de accolades komen te staan? * Thread starter [franka slothouber](https://nl.wordpress.org/support/users/franka-slothouber/) * (@franka-slothouber) * [11 jaren, 3 maanden geleden](https://nl.wordpress.org/support/topic/top-1-navigatie/#post-83647) * Misschien stom van me, maar ik heb tot nu toe in het parent stylesheet aanpassingen zitten doen. Ik lees net dat de aanpassingen verloren gaan zodra er een update van het thema van je keuze komt, dus dat je een child-thema moet aanmaken. Dat heb ik zojuist gedaan, maar na het uploaden krijg ik in weergave de melding: * The following themes are installed but incomplete. Themes must have a stylesheet and a template. Stained Glass Child The parent theme is missing. Please install the “Stained Glass” parent theme. * En kom ik steeds verder van huis… * Bij het installeren van het thema heb ik het via het dashboard verkregen, dus niet handmatig gedownload en ge-ftp’t. Dat laatste heb ik nu wel gedaan met het child-thema, maar kennelijk doe ik iets fout? * [webstan](https://nl.wordpress.org/support/users/webstan/) * (@webstan) * [11 jaren, 3 maanden geleden](https://nl.wordpress.org/support/topic/top-1-navigatie/#post-83648) * Hallo Franka, * Wat heb je nu in de map van je child thema staan? Zo te horen heb je nog geen stylesheet aangemaakt. * Thread starter [franka slothouber](https://nl.wordpress.org/support/users/franka-slothouber/) * (@franka-slothouber) * [11 jaren, 3 maanden geleden](https://nl.wordpress.org/support/topic/top-1-navigatie/#post-83649) * Dit is wat er in staat: * ``` /* Theme Name: Stained Glass_Child Template: Stained Glass */ @import url("../Stained Glass/style.css"); ``` * [webstan](https://nl.wordpress.org/support/users/webstan/) * (@webstan) * [11 jaren, 3 maanden geleden](https://nl.wordpress.org/support/topic/top-1-navigatie/#post-83650) * Heb je ook een index.php in deze map staan? * Thread starter [franka slothouber](https://nl.wordpress.org/support/users/franka-slothouber/) * (@franka-slothouber) * [11 jaren, 3 maanden geleden](https://nl.wordpress.org/support/topic/top-1-navigatie/#post-83651) * Nee, alleen het stylesheet en een screenshot.png * Ik zie nu trouwens wel een spontane index.php in het content/theme mapje staan, met daarin de tekst: * ```