Change the hover effect?

  • Resolved micm1784

    (@micm1784)


    7 years, 8 months ago

    Hello all,

    Wonderful plugin! Spent three days searching for something that would do exactly what JG has done! So, thank you, creators.

    Is it possible (css?) to change the lovely hover effect from a darken/fade to a brighten/fade?
    And, as such, change the font colouring of the title/caption from white to black?

    It would fit it much better with the rest of my theme and website this way!

    I am very new to all this so please be gentle ??
    Any and all help is greatly appreciated.

    Big thanks in advance,

    Maria

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

  • Maria,

    I too disliked the default, so what I’ve done is select “without styling” on the tiles style page of the options, then added my own custom CSS for the hover effect. Mine looks like this:

    .dgwt-jg-item img {
    backface-visibility: hidden;
    transition: all 0.5s ease 0s;
    }
    .dgwt-jg-item:hover img {
    transform: scale(1.05, 1.05);
    }

    Basically adds a small zoom on hover. You could also easily add a lightening effect! See my edit in action here: https://thecolephotos.com/album/places/landscapes/

    Hope this helps.

    • This reply was modified 7 years, 8 months ago by Joe.
    Thread Starter micm1784

    (@micm1784)

    Hi Joe,

    Thank you so much for your help! Lovely effect on your link ??

    I will try that out now!

    Big thanks,

    Maria

    Plugin Author Damian Góra

    (@damian-gora)

    Hi,
    I prepared CSS code for you to inverts the colors on the hover effect. Feel free to modify it.

    
body .dgwt-jg-caption {
    background: rgba(255,255,255,0.8);
}
body .dgwt-jg-gallery .dgwt-jg-caption span {
    color: #222;
}

    You can see the preview here.

    Good luck,
    Damian Góra

    • This reply was modified 7 years, 8 months ago by Damian Góra.
    • This reply was modified 7 years, 8 months ago by Damian Góra.
    Thread Starter micm1784

    (@micm1784)

    Hello Damian,

    Sorry for the late reply – I dropped my laptop in the marina. Talk about nightmare!!

    Just implemented this code in my Custom CSS and my gallery looks gorgeous – just what I wanted…thank you so much. Your help is so appreciated! ??

    Maria

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Change the hover effect?’ is closed to new replies.

Tags