Slide item opacity

  • vmdials

    (@vmdials)


    7 years, 6 months ago

    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 to see the link]

Viewing 8 replies - 1 through 8 (of 8 total)
  • Kharis Sulistiyono

    (@kharisblank)

    7 years, 6 months ago

    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

    Thread Starter vmdials

    (@vmdials)

    7 years, 6 months ago

    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

    (@kharisblank)

    7 years, 6 months ago

    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

    Regards,
    Kharis

    Thread Starter vmdials

    (@vmdials)

    7 years, 6 months ago

    Kharis,
    Yes, my cache has been cleared and I’m still not seeing the changes.

    Regards,
    Tori

    Kharis Sulistiyono

    (@kharisblank)

    7 years, 6 months ago

    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.

    Regards,
    Kharis

    Thread Starter vmdials

    (@vmdials)

    7 years, 6 months ago

    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

    (@kharisblank)

    7 years, 6 months ago

    Hello there,

    Please keep it remain .7 to let me compare it. Let me know once you’re done.

    Regards,
    Kharis

    Thread Starter vmdials

    (@vmdials)

    7 years, 6 months ago

    Done.

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

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

Tags