Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • June 19, 2014 at 10:07 pm #281421
    pede1

    Dear all,

    would like to disable the hover effect (I already disabled the arrow on linked images by using CSS code found in this forum) and would like to achieve one of the following effects:

    1. Resizing of the image when hovering OR
    2. Getting darker frame when hovering

    Could you please help?

    Thank you in advance.
    Pede

    June 19, 2014 at 11:54 pm #281453
    Josue

    Hey Pede!

    Try adding this code to the Quick CSS:

    .entry-content-wrapper img:hover{
box-shadow: 0px 0px 0px 5px gray;
}

    Cheers! 
    Josue

    June 20, 2014 at 10:33 am #281538
    pede1

    Dear Josue,

    thank you for your very fast response. Unfortunately the code given does not work for me, it changes nothing.
    Any other idea?

    Thank you very much in advance!

    Cheers!
    Pede

    June 20, 2014 at 1:27 pm #281581
    Yigit

    Hi!

    Can you post the link to your website and point out the element you would like to make changes on?

    Regards,
    Yigit

    June 20, 2014 at 1:53 pm #281606
    pede1
    This reply has been marked as private.
    June 20, 2014 at 6:34 pm #281718
    Josue

    Hi Pede!

    Try with this code:

    .image-overlay {
    background: rgba(0,0,0,0.4) !important;
}

    Cheers!
    Josue

    June 20, 2014 at 6:52 pm #281732
    pede1
    This reply has been marked as private.
    June 20, 2014 at 7:38 pm #281749
    Josue

    Try adding this code to the Quick CSS:

    .image-overlay {
    display: none !important;
}
.grid-image.avia-hover-fx img:hover{
    -webkit-transform: scale(1.4);
}
.grid-image.avia-hover-fx img{
    -webkit-transition: all linear 0.4s;
}

    Cheers! 
    Josue

    June 20, 2014 at 7:47 pm #281753
    pede1
    This reply has been marked as private.
    June 20, 2014 at 7:52 pm #281755
    Josue

    Change the code to:

    .avia-gallery-thumb img:hover, .grid-image.avia-hover-fx img:hover{
    -webkit-transform: scale(1.4);
    -moz-transform: scale(1.4);
    transform: scale(1.4);
}
.avia-gallery-thumb img, .grid-image.avia-hover-fx img{
    -webkit-transition: all linear 0.4s;
    -moz-transition: all linear 0.4s;
    transition: all linear 0.4s;
}
.avia-gallery-thumb a{
    overflow: hidden;
    opacity: 1 !important;
}
.image-overlay {
    display: none !important;
}

    Regards,
    Josue

    June 20, 2014 at 7:57 pm #281756
    pede1

    Dear Josue,

    that is what I wanted to achieve! Your support is fantastic! Thank you so much!

    Cheers!
    Pede

    June 20, 2014 at 8:32 pm #281777
    Josue

    You are welcome Pede, always glad to help :)

    Regards,
    Josue

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Disable hovering/arrow on linked images – image resizing or border instead’ is closed to new replies.