whitspen
-
Posts
4 -
Joined
-
Last visited
Reputation Activity
-
whitspen reacted to tuanphan in Blog page image hover with title
Add to Home > Design > Custom CSS
.blog-basic-grid--text { position: absolute; width: 100% !important; z-index: 999; top: 50%; left: 50%; transform: translate(-50%,-50%); text-align: center; opacity: 0; background: transparent !important; } .blog-basic-grid--text * { color: white !important; } .blog-item a:after { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: rgba(0,0,0,0.5); transition: all 0.25s; opacity: 0; } article.blog-item:hover a:after { opacity: 1; } article.blog-item:hover .blog-basic-grid--text { opacity: 1; }
-
whitspen reacted to tuanphan in Blog page image hover with title
Find this code in above code
.blog-item a:after { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: rgba(0,0,0,.5); transition: all .4s; opacity: 0; } edit to
.blog-item .image-wrapper:after { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: rgba(0,0,0,.5); transition: all .4s; opacity: 0; }