Disable Hover Effect on Images Downloaded to Pages

  • Author
    Posts
  • #14900
    Casey 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,
    Casey

    #14962
    Zed
    Cryout Creations mastermind

    You 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.
    #15124
    Kami

    That 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!

    #15255
    Kay
    Cryout Creations mastermind

    The 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: MantraNirvanaParabolaTempera
    Tutorials: custom menustranslating themeinstalling themecategory page with introdisabling comments Wordpress: child themescategories/posts
    Before making any modifications to your theme we strongly recommend using Child Themes.
    #17238
    Victoria

    Good 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!

    #20781
    credit card rates

    Finally! This is just what I was looking for.

    #22372
    Petec

    Kay,

    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,

    #22373
    Petec

    Found 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});

    #22391
    Petec

    I came here via google search.
    I am running the Parabola Theme and just realised, this is the Tempera Theme section.

    Sorry 🙂

    #24426
    Keleigh

    I 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?

    #24427
    Keleigh

    Oops. I was looking for Parabola help also.

    #27790
    Bert Ernie

    I 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.

    #27791
    Bert Ernie

    Sometimes 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/

    #27792
    Bert Ernie

    Ahhh – 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.

    #27793
    Bert Ernie

    Nope. That wasn’t it either. Slowclap for world champion idiot Bert Ernie – for thinking he knows what he is doing.

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

The topic ‘Disable Hover Effect on Images Downloaded to Pages’ is closed to new replies.