Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • November 14, 2014 at 4:56 pm #351309
    codecreative

    Hi
    I have some nice effect being applied to my images using this css

    .avia-image-container-inner:hover img {
    -webkit-transform: scale(1.05,1.05);
    -moz-transform: scale(1.05,1.05);
    transform: scale(1.05,1.05);
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    }

    How ever I don’t think it works on this page

    http://176.32.230.26/warringtonsmileclinic.co.uk/treatments/dental-implants/

    The page has an id of 172 so how can I exclude this page from inheriting the styles mentioned above?

    I have an idea i need to use something like

    .page-id-172 .avia-image-container-inner:hover img {
    Some css rules here to revert to defaults
    }

    Any ideas/feedback much appreciated

    November 15, 2014 at 12:41 am #351619
    Elliott

    Hi codecreative!

    Try this.

    .page-id-172 .avia-image-container-inner:hover img {
-webkit-transform: none;
-moz-transform: none;
transform: none;
-webkit-transition: none;
-moz-transition: none;
transition: none;
}

    Regards,
    Elliott

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.