Title: Image Hover in section: features
Last modified: November 30, 2016

---

# Image Hover in section: features

 *  Resolved [spijkb](https://wordpress.org/support/users/spijkb/)
 * (@spijkb)
 * [9 years, 6 months ago](https://wordpress.org/support/topic/image-hover-in-section-features/)
 * This is about OnePress. I added image hover efect to CSS. This works on the most
   images. But not on the images i added to “section: features” in the frontpage.
   Any idea?

Viewing 6 replies - 1 through 6 (of 6 total)

 *  [ThemeSumo](https://wordpress.org/support/users/themesumo/)
 * (@themesumo)
 * [9 years, 6 months ago](https://wordpress.org/support/topic/image-hover-in-section-features/#post-8497990)
 * Can you provide a link to your site please so I can inspect the homepage area?
 * Thanks.
 *  Thread Starter [spijkb](https://wordpress.org/support/users/spijkb/)
 * (@spijkb)
 * [9 years, 6 months ago](https://wordpress.org/support/topic/image-hover-in-section-features/#post-8498402)
 * Thanks. It is: [http://www.werkplaatsdedaad.nl](http://www.werkplaatsdedaad.nl)
 *  [ThemeSumo](https://wordpress.org/support/users/themesumo/)
 * (@themesumo)
 * [9 years, 6 months ago](https://wordpress.org/support/topic/image-hover-in-section-features/#post-8498433)
 * The About section?
 * You can add this to your [Child Theme](http://www.mhthemes.com/support/creating-and-using-child-themes-wordpress/)
   style.css file, or by using a [Custom CSS](https://wordpress.org/plugins/simple-custom-css/)
   plugin.
 *     ```
       .section-about .about-image:hover img {
           opacity: 0.7;
       }
       ```
   
 * You can improve your transition effects too by changing them to:
 *     ```
       -moz-transition: .1s ease;
       -webkit-transition: .1s ease;
       transition: .1s ease;
       ```
   
 * They will ease **in & out**, instead of just **in**, like they’re doing now.
 * Hope this helps.
 *  Thread Starter [spijkb](https://wordpress.org/support/users/spijkb/)
 * (@spijkb)
 * [9 years, 6 months ago](https://wordpress.org/support/topic/image-hover-in-section-features/#post-8501044)
 * Yes, it works better now. Thanks.
    But still, the orange squares in the homepage
   do not light up bij mouse hover. It are just jpeg/s. How come?
 *  [ThemeSumo](https://wordpress.org/support/users/themesumo/)
 * (@themesumo)
 * [9 years, 6 months ago](https://wordpress.org/support/topic/image-hover-in-section-features/#post-8502751)
 * Replace the earlier code I gave you with this:
 *     ```
       .section-about .about-image:hover img,
       .section-content .feature-item:hover img,
       .team-member .member-thumb:hover img {
           opacity: 0.7;
           -moz-transition: .1s ease;
           -webkit-transition: .1s ease;
           transition: .1s ease;
       }
       ```
   
 * Hope this helps.
 *  Thread Starter [spijkb](https://wordpress.org/support/users/spijkb/)
 * (@spijkb)
 * [9 years, 6 months ago](https://wordpress.org/support/topic/image-hover-in-section-features/#post-8502850)
 * Hi Sumo,
    You are amazing. t’ all set and done. Great.
 * Bart

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘Image Hover in section: features’ is closed to new replies.

 * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 6 replies
 * 2 participants
 * Last reply from: [spijkb](https://wordpress.org/support/users/spijkb/)
 * Last activity: [9 years, 6 months ago](https://wordpress.org/support/topic/image-hover-in-section-features/#post-8502850)
 * Status: resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics