Title: hover opacity css
Last modified: September 1, 2016

---

# hover opacity css

 *  Resolved [kk_admin](https://wordpress.org/support/users/kk_admin/)
 * (@kk_admin)
 * [10 years ago](https://wordpress.org/support/topic/hover-opacity-css/)
 * Hi all,
 * How can I add hover (opacity:50) to (selected) images on my page?
 * The back-next arrows are in question, I am experimenting since an hour but no
   success as for now:
 * [http://klarakolonits.com/beta-uj-szerep/](http://klarakolonits.com/beta-uj-szerep/)
 * I added the image title and class id in the image menu and the following code
   to custom css but no effect
 *     ```
       #next .x-img:hover {
         opacity: 0.5;
       }
   
       #back .x-img:hover {
         opacity: 0.5;
       }
       ```
   

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

 *  [Suyogya Shukla](https://wordpress.org/support/users/themeislesupport/)
 * (@themeislesupport)
 * [10 years ago](https://wordpress.org/support/topic/hover-opacity-css/#post-7564923)
 * Hey there,
 * Try replacing the code with this:
 *     ```
       .entry-content .aligncenter, .main .aligncenter [class*=wp-image]:hover {
           opacity: 0.5;
       }
       ```
   
 * Hope it helps.
 *  Thread Starter [kk_admin](https://wordpress.org/support/users/kk_admin/)
 * (@kk_admin)
 * [10 years ago](https://wordpress.org/support/topic/hover-opacity-css/#post-7564938)
 * Thank you, nope 🙁 I added it to custom css but no effect as for now. As long
   as I didn’t have to change anything in your code (class?) ?
 * edit: WORKED, resolving.
    before it didn’t go because of messy custom css, my
   fault 🙂
 *  [Suyogya Shukla](https://wordpress.org/support/users/themeislesupport/)
 * (@themeislesupport)
 * [10 years ago](https://wordpress.org/support/topic/hover-opacity-css/#post-7564951)
 * Hey there,
 * Glad it worked. Cheers 🙂

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

The topic ‘hover opacity css’ is closed to new replies.

 * 3 replies
 * 2 participants
 * Last reply from: [Suyogya Shukla](https://wordpress.org/support/users/themeislesupport/)
 * Last activity: [10 years ago](https://wordpress.org/support/topic/hover-opacity-css/#post-7564951)
 * Status: resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics