Thumb nail zooming

Home Forums Porto – Responsive HTML5 Template Thumb nail zooming

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #10005429
    tjimenez
    Participant

    Hi! Is there a way to disable the “zooming” when you mouse over the thumbnails in the portfolios?

    Thank you!


    #10005443
    Support
    Keymaster

    Hello, sure, add this:

    (css/custom.css)

    .thumb-info:hover img {
    	-webkit-transform: none !important;
    	-moz-transform: none !important;
    	-ms-transform: none !important;
    	-o-transform: none !important;
    	transform: none !important;
    }

    Let me know if you need further assistance.

    Kind Regards, Jonas


    #10005456
    tjimenez
    Participant

    Worked like a charm! Thanks again!


    #10005461
    tjimenez
    Participant

    I’m trying to also figure out a way to place to text over the thumbnail on hover. How would you do that and which css file should it go on? Thank you again. This is the best support for any theme I’ve purchased!!


    #10005464
    Support
    Keymaster

    Hello and thanks for the kind words.

    I’m sorry, I’m not sure I understand exactly what you mean, can you please explain it again?

    Kind Regards,

    Jonas


    #10005469
    tjimenez
    Participant

    Hello Jonas,
    What I want to do with the thumbnail images in the portfolio page is to have text appear over the image when you mouse hover over the image. Is that simply adding a css code and javascript? How would I create text to hover over the image?
    Thank you again,
    Tom


    #10005477
    Support
    Keymaster

    Hello, ok, so if I understood well, what you want is to show the content only on mouse over the image, so please add this:

    (css/custom.css)

    .thumb-info .thumb-info-title,
    .thumb-info .thumb-info-action {
    	opacity: 0;
    }
    
    .thumb-info:hover .thumb-info-title,
    .thumb-info:hover .thumb-info-action {
    	opacity: 1;
    }

    This is the result:

    Kind Regards,

    Jonas


Viewing 7 posts - 1 through 7 (of 7 total)

This topic is marked as "RESOLVED" and can not rceive new replies.