-
AuthorPosts
-
December 19th, 2013 at 23:09 #14900Casey Taylor
Hello,
When I upload images onto my pages the produce a hover effect when the mouse goes over them which distorts the quality of the image and is very unappealing to the eye.
How do/can I disable/stop this?
Thank you,
CaseyDecember 22nd, 2013 at 17:17 #14962ZedCryout Creations mastermindYou need to use a bit of CSS for this:
#content img.alignleft:hover, #content img.alignright:hover, #content img.aligncenter:hover, #content img.alignnone:hover, #content .wp-caption img:hover { opacity: 0.99; }
If you like our creations, help us share by rating them on WordPress.org.
Please check the available documentation and search the forums before starting a topic.December 30th, 2013 at 06:02 #15124KamiThat worked for me on most of my images but I still see it in the presentation page columns. How do I disable the same hover effect in the presentation page columns? (front_columns?)
Thanks!
January 2nd, 2014 at 15:24 #15255KayCryout Creations mastermindThe front columns have a totally different effect actually, with text and div animations. And that’s part of the theme.
Before posting consider reading our short theme debugging instructions.
Please read the FAQs: Mantra • Nirvana • Parabola • Tempera
Tutorials: custom menus • translating theme • installing theme • category page with intro • disabling comments Wordpress: child themes • categories/posts
Before making any modifications to your theme we strongly recommend using Child Themes.January 20th, 2014 at 17:33 #17238VictoriaGood comments about the logos! I have to say the clroos have grown on me! They are bright and catch the eye! I like the logo with the boxes at the end. It seems much more compact and not as distracting as the one with the big “X”. I get quite annoyed when people take Christ out of Christmas and replace it with a big “X”. I think people will know Christ is the center of our church once they come and experience it for themselves. We just need to get them to come out to check it out first. I think the top logo looks more modern and inviting for people who don’t usually go to church. Yet the blocks could show some connection like the church connecting with believers to win the lost, or something like that. The orange block could symbolize the new believer and the church plus other believers could be the other two blocks. When they come together you get an orange block or a new believer. Just a thought! Good luck in your decision!
January 28th, 2014 at 10:40 #20781credit card ratesFinally! This is just what I was looking for.
February 16th, 2014 at 23:04 #22372PetecKay,
Thanks for the reply.
Unfortunately I need to know how to stop the opacity on image mouse hover for Presentation Page Columns.
If you view on a mobile device and scroll down on the device screen, the hover effect does not look good.Regards,
February 16th, 2014 at 23:43 #22373PetecFound it 🙂
It’s wp-content/themes/parabola/frontpage.php
Line 40, I changed:
jQuery(this).find(‘img’).stop().animate({opacity:’0.7′},{queue:false,duration:600});
to
jQuery(this).find(‘img’).stop().animate({opacity:’1′},{queue:false,duration:600});
February 16th, 2014 at 23:52 #22391PetecI came here via google search.
I am running the Parabola Theme and just realised, this is the Tempera Theme section.Sorry 🙂
March 17th, 2014 at 23:59 #24426KeleighI want to keep the hover effect on images when there is a larger image or another link, but have it not happen if there is no link, no action. How would this be done?
March 18th, 2014 at 00:00 #24427KeleighOops. I was looking for Parabola help also.
October 16th, 2014 at 10:54 #27790Bert ErnieI have tried for hours to solve this. The CSS code is pasted into the Misc section of Parabola settings but alas no change. Love the theme but the hover effect is rather annoying.
October 16th, 2014 at 11:14 #27791Bert ErnieSometimes using computers makes me want to bang my head. It does work! (CSS) But only on posts I have made AFTER adding the CSS. What the???
Example of a post made after implementing CSS http://berternie.com/paintings/photorealism/vineyard/ – This is great
Example of a post made before implementing CSS http://berternie.com/paintings/photorealism/southern-california-landscape/October 16th, 2014 at 11:40 #27792Bert ErnieAhhh – I worked it out. It’s the captions in the image that are causing them. So the links demonstrating the problem of hover on rollover will soon all be fixed.
October 16th, 2014 at 12:38 #27793Bert ErnieNope. That wasn’t it either. Slowclap for world champion idiot Bert Ernie – for thinking he knows what he is doing.
-
AuthorPosts
The topic ‘Disable Hover Effect on Images Downloaded to Pages’ is closed to new replies.