Hi there, great theme. Just a quick question. Is there a way for me to ADD the overlay effect to the thumbnails of a particular block? At the moment I’m using ‘Block 3’ on my homepage. I would like the thumbnails to have the same gradient overlay present on the grid thumbnails. I can see lots of topics on REMOVING the overlay, but can’t quite figure out how to add. Thanks!
Hello,
Unfortunately there is no easy way to add a gradient to all blocks. It was added on the grids as the post title is over the image and if your images are too bright the title will not be shown, but it’s not needed if the text is under the image. Our theme has no setting to add the gradient. If you still want it, you can use this css code in the theme panel->custom css box:
.td-module-thumb a:last-child:before{
bottom: 0;
content: "";
display: block;
height: 70%;
width: 100%;
position: absolute;
z-index: 1;
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.7) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(40%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.7)));
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.7) 100%);
background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.7) 100%);
background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.7) 100%);
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.7) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#b3000000', GradientType=0);
}
Thank you!
