-
AuthorPosts
-
July 9, 2013 at 7:36 pm #25976
Hello,
How can I desactive the hover effect on single image, look: http://blueberrywebsites.com.br/blueberry/ddd/
Thanks for all guys!
July 11, 2013 at 1:09 pm #128842Hi,
There are 4 identical images on that page. Which one are you talking about?
You can use this css to remove hover on that page for those images
#top.page-id-3760 .image-overlay.overlay-type-extern {
display: none !important;
}If you need to do it on a different page, just change 3760 in my code for the id of the page you want to do it on (view source and look for number on the <body tag)
Thanks,
Nick
July 11, 2013 at 1:14 pm #128843Thanks Nick,
But I need to disable the effect only in one of the four images, doesnt metter which one now, can be the first one!
Thanks buddy!
July 11, 2013 at 1:35 pm #128844Hi,
This one will disable the first image only on that specific page
#top.page-id-3760 div.entry-content p:first-child span {
display:none !important;
}Thanks,
Nick
July 11, 2013 at 2:13 pm #128845Thanks Nick,
Worked it, but how can I do with the third image? Sorry for bother you….
July 11, 2013 at 7:47 pm #128846Hi,
I don’t need class names.
Only Second Image
#top.page-id-3760 div.entry-content p:nth-of-type(3) span {
display:none !important;
}Only Third Image
#top.page-id-3760 div.entry-content p:nth-of-type(5) span {
display:none !important;
}Only Fourth Image
#top.page-id-3760 div.entry-content p:nth-of-type(6) span {
display:none !important;
}First, Second, Third Image but not Fourth Image :)
#top.page-id-3760 div.entry-content p:nth-of-type(2n+1) span {
display:none !important;
}Since you have paragraphs with text between some images but not other images, the numbers are not in order 1,2,3,4.
Thanks,
Nick
July 17, 2013 at 8:21 pm #128847Thanks, topic closed
July 18, 2013 at 12:24 pm #128848Enjoy the theme!
Thanks,
Nick
-
AuthorPosts
- The topic ‘Hover effect on single image’ is closed to new replies.
