Home Forums Free Themes Photo Perfect Any way to disable the hover-over zoom on images?

Tagged: 

Viewing 15 posts - 1 through 15 (of 17 total)
  • Author
    Posts
  • #1734

    Hi there – love the theme, looks great and is playing very nicely so far. I just have one thing though – is there any way to disable the automatic zoom when you hover-over an image with the mouse?

    Many thanks,

    Ribs

    #1740

    Forgot to add in the site url – it’s http://www.rubbishseaside.com
    It’s the photos on the homepage I’m on about – any method for switching off the auto zoom on mouse-over would be warmly appreciated.

    Many thanks,

    Ribs

    #1755
    wensolutions
    Keymaster

    Hello, @shutupandeatyourcoal

    disable the automatic zoom when you hover-over an image with the mouse?

    To disable the automatic zoom when you hover-over an image with the mouse, you need to add custom CSS.
    To add custom CSS go to Admin Panel -> Appearance -> Customize -> Theme Options -> Advanced Options.
    In advanced options section you will see a box to write custom CSS.
    Now copy and paste below code in that box.

    
    .masonry-entry:hover a img{
        -webkit-transform:scale(1); 
        -moz-transform:scale(1); 
        -ms-transform:scale(1);
        -o-transform:scale(1); 
         
      }
    

    Hope this will help to solve your issue.

    Best Regards!!!

    #1770

    Fantastic – that works brilliantly! Thanks so much!

    #1771
    wensolutions
    Keymaster

    Hello, @shutupandeatyourcoal

    Nice to know that the problem has been solved. If there are any further query, then, please feel free to post them.
    We will really appreciate if you could help us too by rating our theme in WordPress repo here:-
    https://wordpress.org/support/view/theme-reviews/photo-perfect

    Thanks.

    #2907
    Jaripp
    Participant

    Hi, Love the theme as well, been using it for a few months now for my travel photoblog @ http://www.matkailuavartaa.com

    I was wondering if there is a way to remove all the hover-over image effects? So that when you move cursor over image it would only act as a link to the post instead of popping up the eye and chain (link) icons and the shading? I’m running rather heavy pictures and would like to minimize all the effects.

    Best regards,

    Jari

    #2933
    wensolutions
    Keymaster

    Hello @Jaripp,
    First of all thanks for using the theme. However, it would be easy as well as helpful for us if you kindly create new tickets for new support question/issues like this.

    Anyways, for now we are answering your issue here:

    Ok, so to make the whole div clickable and to make it redirect to the concerned post page, you have to delete all the existing codes of line 22 of ‘content-masonry.php’ & paste this one in exactly the same line.
    <a href="<?php the_permalink(); ?>" title="<?php the_title_attribute(); ?>" >

    And to remove the two circles, delete the codes from line 36 to 39 of ‘content-masonry.php’.

    Note: ‘content-masonry.php’ is inside ‘template-parts’ folder. And it is recommended to create Child Theme for these sort of customization.

    Hope that helps.
    Thanks!

    #5886
    kkgoss@yahoo.com
    Participant

    please can you state the code to be deleted at 22, 36-39 as I can only view the code in wordpress and it does not show the lines numbers. thanks

    #5909
    wensolutions
    Keymaster

    Hello @kkgoss@yahoo.com

    The bit of code that represent line no: 22 is shown below:
    <a href="<?php echo esc_url( $featured_image_full_url ); ?>" class="post-thumb popup-link">

    which should be replaced by code shown below:
    <a href="<?php the_permalink(); ?>" title="<?php the_title_attribute(); ?>" >

    Hope this will help you.

    Best Regards!!!

    #7561
    slayerfest
    Participant

    Anyways, for now we are answering your issue here:

    Ok, so to make the whole div clickable and to make it redirect to the concerned post page, you have to delete all the existing codes of line 22 of ‘content-masonry.php’ & paste this one in exactly the same line.
    ” title=”<?php the_title_attribute(); ?>” >

    And to remove the two circles, delete the codes from line 36 to 39 of ‘content-masonry.php’.

    Note: ‘content-masonry.php’ is inside ‘template-parts’ folder. And it is recommended to create Child Theme for these sort of customization.

    I am actually a Pro user, but I want to add this customization to my child theme. I can make the changes to the main file but when it updates I lose the changes.

    I have set up the child theme as you say, but I can’t seem to make the changes to content-masonry.php so that it overrides as you state above in a Child theme.

    How do I add this edit to a Child theme? Is it in functions.php? What do I put in there to override the content-masonry.php?

    Thanks for your help

    #7638
    wensolutions
    Keymaster

    Now Pro version 2.0 includes all the feature as discussed above.

    – Switch off zoom effect on image

    switch-off-zoom

    – Switch off link and lightbox effects and redirect to the post when clicked

    link to posts

    Please upgrade to the latest version to get this feature in just one-click.

    #7643
    slayerfest
    Participant

    The latest of Version of Photo Perfect Pro I can see is 1.4? Where do I get version 2.0 from?

    #7644
    wensolutions
    Keymaster

    Sorry for the inconvenience. The update notification takes few hours to propagate and show it in Theme Palace shop and your admin dashboard.

    Thank you for patience, please keep checking.

    #7645
    slayerfest
    Participant

    Thank you.

    #7684
    marknie
    Participant

    That worked great! Awesome Code. Thank you!

Viewing 15 posts - 1 through 15 (of 17 total)
  • You must be logged in to reply to this topic.