Title: Hover effect in header
Last modified: 5 augustus 2016

---

# Hover effect in header

 *  [Linda van Lieshout](https://nl.wordpress.org/support/users/linda-van-lieshout/)
 * (@linda-van-lieshout)
 * [10 jaren, 5 maanden geleden](https://nl.wordpress.org/support/topic/hover-effect-in-header/)
 * Hallo,
 * Is het mogelijk een hover effect te maken in een button. Ik wil het zo hebben
   dat het logo in grijstint te zien is, en wanneer je er overheen gaat met de muis
   deze in kleur te zien is.
    Is dit mogelijk en zo ja hoe? Ik heb echt geen idee
   waar te beginnen. Ben echt nog maar een rookie, maar wil het graag leren.
 * Alvast bedankt!

1 reactie aan het bekijken (van in totaal 1)

 *  [martijnheesters](https://nl.wordpress.org/support/users/martijnheesters/)
 * (@martijnheesters)
 * [10 jaren, 5 maanden geleden](https://nl.wordpress.org/support/topic/hover-effect-in-header/#post-91718)
 * Hiervoor zul je wat styling (CSS) moeten toevoegen aan je website.
 * Dit kun je door de stylesheet van je (child) theme aan te passen. (standaard 
   style.css)
    Een plugin te gebruiken: [https://nl.wordpress.org/plugins/simple-custom-css/](https://nl.wordpress.org/plugins/simple-custom-css/)
   Of misschien is er een mogelijkheid binnen je thema om eigen CSS toe te voegen.
 * Zie voor wat basisinformatie bijvoorbeeld:
 * [http://vdschoot.com/software/web/css/css-introductie/#Muis_effecten_hover_visited_etc](http://vdschoot.com/software/web/css/css-introductie/#Muis_effecten_hover_visited_etc)
 * Grijs effecten kun je zelf instellen met een color (tekst) of background-color.
   
   Of heel funky met css3 op afbeeldingen: [http://labs.voronianski.com/css3-grayscale/](http://labs.voronianski.com/css3-grayscale/)

1 reactie aan het bekijken (van in totaal 1)

Het onderwerp ‘Hover effect in header’ is gesloten voor nieuwe reacties.

## Tags

 * [effect](https://nl.wordpress.org/support/topic-tag/effect/)
 * [header](https://nl.wordpress.org/support/topic-tag/header/)
 * [hover](https://nl.wordpress.org/support/topic-tag/hover/)
 * [logo](https://nl.wordpress.org/support/topic-tag/logo/)

 * In: [Thema en CSS/opmaak](https://nl.wordpress.org/support/forum/themas-en-templates/)
 * 1 reactie
 * 2 deelnemers
 * Laatste antwoord van: [martijnheesters](https://nl.wordpress.org/support/users/martijnheesters/)
 * Laatste activiteit: [10 jaren, 5 maanden geleden](https://nl.wordpress.org/support/topic/hover-effect-in-header/#post-91718)
 * Status: onopgelost

## Onderwerpen

### Meest populaire onderwerpen

### Onderwerpen zonder reacties

### Non-support onderwerpen

### Opgeloste onderwerpen

### Onopgeloste onderwerpen

### Alle onderwerpen