Hover effect on images not working correctly

  • Resolved Tasha

    (@queenv)


    11 years, 5 months ago

    I have been struggling with this for days now. Please help someone!

    On the Eco-School page I have a row of images with the circle hover effect of the featured images on the homepage. It works perfectly fine if I put the code in the custom php file that I created (custom-pageEco.php) But if I put the code in the WordPress page itself it changed the hover effect to work on all 3 images at the same time. So if you hover over one image all 3 gets bigger.

    https://www.granthamfarm.angelicdesign.co.uk/eco-school/

    To explain it I have left both rows of images in. The top one is in the WordPress page, the bottom one is in the .php

    Any help would be much appreciated!

Viewing 2 replies - 1 through 2 (of 2 total)
  • Theme Author presscustomizr

    (@nikeo)

    Hi,

    The code below should help. Copu and paste it either in your custom css options or in a style.css of child theme.

    article.hover .widget-front .round-div {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}

article.hover .widget-front.hover .round-div {
-webkit-transform: scale(1.4);
-moz-transform: scale(1.4);
-ms-transform: scale(1.4);
-o-transform: scale(1.4);
transform: scale(1.4);
}
    Thread Starter Tasha

    (@queenv)

    Thank you thank you thank you Nikeo. Awesome theme and awesome support!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Hover effect on images not working correctly’ is closed to new replies.

Tags