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, 7 months ago by
wensolutions.
-
AuthorPosts
-
February 25, 2016 at 9:32 am #1734
shutupandeatyourcoal
ParticipantHi 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 #1740shutupandeatyourcoal
ParticipantForgot 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 #1755wensolutions
KeymasterHello, @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 #1770shutupandeatyourcoal
ParticipantFantastic – that works brilliantly! Thanks so much!
February 26, 2016 at 6:29 am #1771wensolutions
KeymasterHello, @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 #2907Jaripp
ParticipantHi, 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 #2933wensolutions
KeymasterHello @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.com
Participantplease 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 #5909wensolutions
KeymasterHello @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 #7561slayerfest
ParticipantAnyways, 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 #7638wensolutions
KeymasterNow 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 #7643slayerfest
ParticipantThe 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 #7644wensolutions
KeymasterSorry 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 #7645slayerfest
ParticipantThank you.
May 12, 2016 at 10:53 pm #7684marknie
ParticipantThat worked great! Awesome Code. Thank you!
-
AuthorPosts
- You must be logged in to reply to this topic.