Hello,
How can I desactive the hover effect on single image, look: http://blueberrywebsites.com.br/blueberry/ddd/
Thanks for all guys!
Hi,
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
Thanks 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!
Hi,
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
Thanks Nick,
Worked it, but how can I do with the third image? Sorry for bother you….
Hi,
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
Thanks, topic closed
Enjoy the theme!
Thanks,
Nick