Title: Slide item opacity
Last modified: November 6, 2018

---

# Slide item opacity

 *  [vmdials](https://wordpress.org/support/users/vmdials/)
 * (@vmdials)
 * [7 years, 6 months ago](https://wordpress.org/support/topic/slide-item-opacity/)
 * When I change the slide item opacity, the slide reverts to normal as the slider
   image changes.
 * .slide-item {
    opacity: 0.7 !important } Is there any way to stop it from reverting?
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fslide-item-opacity%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

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

 *  [Kharis Sulistiyono](https://wordpress.org/support/users/kharisblank/)
 * (@kharisblank)
 * [7 years, 6 months ago](https://wordpress.org/support/topic/slide-item-opacity/#post-10854693)
 * Hello there,
 * I noticed this issue only appears on mobile screen when responsive slider enabled.
   Since slide image object displays on smaller screen, you’d need to use this code:
 *     ```
       .header-slider .slide-item,
       .header-slider .slide-item img {
         opacity: 0.7 !important;
       }
       ```
   
 * Regards,
    Kharis
    -  This reply was modified 7 years, 6 months ago by [Kharis Sulistiyono](https://wordpress.org/support/users/kharisblank/).
 *  Thread Starter [vmdials](https://wordpress.org/support/users/vmdials/)
 * (@vmdials)
 * [7 years, 6 months ago](https://wordpress.org/support/topic/slide-item-opacity/#post-10855699)
 * Sorry, but it didn’t change the behavior on mobile. And, it actually does do 
   the same thing in chrome, Firefox and IE on PC not just on mobile.
 *  [Kharis Sulistiyono](https://wordpress.org/support/users/kharisblank/)
 * (@kharisblank)
 * [7 years, 6 months ago](https://wordpress.org/support/topic/slide-item-opacity/#post-10858626)
 * Have clear any applied cache that might be preventing recent code addition to
   take immediate effect? [https://codex.wordpress.org/I_Make_Changes_and_Nothing_Happens](https://codex.wordpress.org/I_Make_Changes_and_Nothing_Happens)
 * Regards,
    Kharis
 *  Thread Starter [vmdials](https://wordpress.org/support/users/vmdials/)
 * (@vmdials)
 * [7 years, 6 months ago](https://wordpress.org/support/topic/slide-item-opacity/#post-10860376)
 * Kharis,
    Yes, my cache has been cleared and I’m still not seeing the changes.
 * Regards,
    Tori
 *  [Kharis Sulistiyono](https://wordpress.org/support/users/kharisblank/)
 * (@kharisblank)
 * [7 years, 6 months ago](https://wordpress.org/support/topic/slide-item-opacity/#post-10865562)
 * Hello Tori,
 * I checked your site’s main slider with the web browser’s inspector tool. It showing
   the below custom CSS applied:
 *     ```
       .header-slider .slide-item, .header-slider .slide-item img {
         opacity: 1 !important;
       }
       ```
   
 * This disable opacity of slide image element. Have you tried lower value like 
   0.7?
 * For detailed CSS opacity specifications, refer to [this W3S post](https://www.w3schools.com/css/css_image_transparency.asp).
 * Regards,
    Kharis
    -  This reply was modified 7 years, 6 months ago by [Kharis Sulistiyono](https://wordpress.org/support/users/kharisblank/).
 *  Thread Starter [vmdials](https://wordpress.org/support/users/vmdials/)
 * (@vmdials)
 * [7 years, 6 months ago](https://wordpress.org/support/topic/slide-item-opacity/#post-10865596)
 * Yes. I tried .7. I changed it back to 1 because I had to get the site up and 
   running. Before I changed it, the slide reverts to no transparency as the slider
   changes, as it did before.
 *  [Kharis Sulistiyono](https://wordpress.org/support/users/kharisblank/)
 * (@kharisblank)
 * [7 years, 6 months ago](https://wordpress.org/support/topic/slide-item-opacity/#post-10865610)
 * Hello there,
 * Please keep it remain .7 to let me compare it. Let me know once you’re done.
 * Regards,
    Kharis
 *  Thread Starter [vmdials](https://wordpress.org/support/users/vmdials/)
 * (@vmdials)
 * [7 years, 6 months ago](https://wordpress.org/support/topic/slide-item-opacity/#post-10865888)
 * Done.

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

The topic ‘Slide item opacity’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/sydney/2.67/screenshot.png)
 * Sydney
 * [Support Threads](https://wordpress.org/support/theme/sydney/)
 * [Active Topics](https://wordpress.org/support/theme/sydney/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/sydney/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/sydney/reviews/)

## Tags

 * [opacity](https://wordpress.org/support/topic-tag/opacity/)

 * 8 replies
 * 2 participants
 * Last reply from: [vmdials](https://wordpress.org/support/users/vmdials/)
 * Last activity: [7 years, 6 months ago](https://wordpress.org/support/topic/slide-item-opacity/#post-10865888)
 * Status: not resolved