• vmdials

    (@vmdials)


    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)
  • 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)

    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.

    Have clear any applied cache that might be preventing recent code addition to take immediate effect? https://codex.www.ads-software.com/I_Make_Changes_and_Nothing_Happens

    Regards,
    Kharis

    Thread Starter vmdials

    (@vmdials)

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

    Regards,
    Tori

    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)

    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.

    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)

    Done.

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Slide item opacity’ is closed to new replies.