Ezt a Sahifa témát használom és szeretném eltüntetni a cikkeim thumbnail képeiről ezt a ronda overlay fedvényt, ami akkor jelenik meg, ha az egérkurzort a képre viszem.
ezt (is) a legszebben akkor tudod megtenni, ha kiveszed a kódból.
De ha nagyon akarod css-el is leveheted.
.lazy-enabled #main-content .post-thumbnail.tie-appear, .lazy-enabled #theme-footer div.post-thumbnail.tie-appear, .lazy-enabled #main-content img.tie-appear, .lazy-enabled #featured-posts.tie-appear {
opacity: 1 !important;
}
.fa.overlay-icon{
display: none !important;
}
Igaz, azt elfelejtettem írni a bejegyzésemben, hogy nem csak magát a kép közepén megjelenő ikont, hanem a kép elsötétítését is le szeretném venni. Az általad leírt kóddal az ikon ugyan eltűnt a képekről, de a sötét effekt vagy overlay (nem tudom, hogyan nevezzem) az megmaradt a képeken ha ráviszem a kurzort.
Elvileg ez a css eltávolítja, amit korábban is küldtem:
.lazy-enabled #main-content .post-thumbnail.tie-appear, .lazy-enabled #theme-footer div.post-thumbnail.tie-appear, .lazy-enabled #main-content img.tie-appear, .lazy-enabled #featured-posts.tie-appear {
opacity: 1 !important;
transition: none !important;
}
De még mindig szerintem egyszerűbb, és szebb lenne a kódból kiszedni ezeket, mint css-el felülírni.