How to remove image opacity on hover Presentation Page Columns

  • Author
    Posts
  • #22390
    Petec

    I was going nuts trying to figure this out.
    On mobile devices, when you scroll down the Parabola Themed web page, by sliding on the phone screen, the images in the Presentation Page Columns, become opaque.
    This causes significant “ghosting” and the images looks bad.
    So, I wanted to remove opacity completely.

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

    This has worked for me.

    #23882
    Jim

    Hi Peter

    Thanks for the advice, I guess this would also need to be set up within a “child theme” as a theme update will overwrite the coding.

    Cheers

    Jim

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

The topic ‘How to remove image opacity on hover Presentation Page Columns’ is closed to new replies.