Home › Forums › Free Themes › Photo Perfect › Any way to disable the hover-over zoom on images?
- This topic has 16 replies, 7 voices, and was last updated 6 years, 4 months ago by wensolutions.
-
AuthorPosts
-
February 25, 2016 at 9:32 am #1734shutupandeatyourcoalParticipant
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
February 25, 2016 at 11:41 am #1740shutupandeatyourcoalParticipantForgot 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
February 25, 2016 at 10:20 pm #1755wensolutionsKeymasterHello, @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!!!
February 26, 2016 at 6:22 am #1770shutupandeatyourcoalParticipantFantastic – that works brilliantly! Thanks so much!
February 26, 2016 at 6:29 am #1771wensolutionsKeymasterHello, @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-perfectThanks.
March 2, 2016 at 12:31 pm #2907JarippParticipantHi, 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
March 2, 2016 at 10:30 pm #2933wensolutionsKeymasterHello @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!April 18, 2016 at 9:45 am #5886kkgoss@yahoo.comParticipantplease 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
April 18, 2016 at 12:43 pm #5909wensolutionsKeymasterHello @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!!!
May 11, 2016 at 11:12 am #7561slayerfestParticipantAnyways, 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
May 12, 2016 at 3:53 am #7638wensolutionsKeymasterNow Pro version 2.0 includes all the feature as discussed above.
– Switch off zoom effect on image
– Switch off link and lightbox effects and redirect to the post when clicked
Please upgrade to the latest version to get this feature in just one-click.
May 12, 2016 at 5:01 am #7643slayerfestParticipantThe latest of Version of Photo Perfect Pro I can see is 1.4? Where do I get version 2.0 from?
May 12, 2016 at 5:13 am #7644wensolutionsKeymasterSorry 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.
May 12, 2016 at 5:22 am #7645slayerfestParticipantThank you.
May 12, 2016 at 10:53 pm #7684marknieParticipantThat worked great! Awesome Code. Thank you!
-
AuthorPosts
- You must be logged in to reply to this topic.