• Resolved codeoner

    (@codeoner)


    Is there a way to change the opacity of the unselected thumbnails from 0.4 to 0.8?

    • This topic was modified 5 years, 11 months ago by codeoner.
Viewing 4 replies - 1 through 4 (of 4 total)
  • Ramona

    (@nextend_ramona)

    Hi @codeoner

    Yes, but unfortunately, the thumbnail Style manager where this option cane be found is an Expert setting: https://smartslider3.helpscoutdocs.com/article/406-secondary-navigation-bar
    which means it’s available in the Pro version only.

    In the free version the only option is overriding the default codes with custom CSS codes. If you’re not sure how to write a stronger CSS, please send me a link to your site where this slider is published.
    If you don’t want to share the link to your site publicly please open a support ticket: https://smartslider3.com/contact-us/support/?topic=Editing&platform=WordPress&version=Free&website=website-yes
    and refer to this topic.

    Thread Starter codeoner

    (@codeoner)

    Is there a way to do set is as a default with css, for all sliders? (I plan to have multiple)
    The only thing I managed to do is to make everything with opacity 1 and make the selected and the hover one with 0.8 (the opposite of what I want to do)

    The thing is that if i set the opacity with

    div .nextend-thumbnail-horizontal .nextend-thumbnail-scroller .nextend-thumbnail-scroller-group > div {
    opacity:0.8!important;
    }

    then on hover it applies the filter on top of the 0.8 opacity.
    for hover I used this

    div .nextend-thumbnail-horizontal .nextend-thumbnail-scroller .nextend-thumbnail-scroller-group > div :hover{
    opacity:1!important;
    }

    which when is left at 1 it keeps the opacity at 0.8 as was set before.

    Thanks for the reply!

    Plugin Support Gabor

    (@nextendweb_gabor)

    Hi @codeoner!

    Your problem might be that space before the :hover, because the code seems fine besides that, so these are the short versions of what you need:

    
    /*normal state*/
    .nextend-thumbnail-scroller-group > div{
      opacity:0.8!important;
    }
    
    /*hover state*/
    .nextend-thumbnail-scroller-group > div:hover{
      opacity:1!important;
    }
    
    /*active state*/
    .nextend-thumbnail-scroller-group > div.n2-active{
      opacity:1!important;
    }

    If for some reason it still wouldn’t work out, please send me a link to your website, where we can see the issue!

    Thread Starter codeoner

    (@codeoner)

    Hm.. it looks like it is working now! what a mess for a space in code ??

    Thank you very much Gabor!
    Your plugin is AMAZING!

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