Greetings!
How can i change the dark effect of the Big Grids – Grid Style 1? i would like to reduce the dark effect of the background.
And with the Grid Style 4- could i set a black background effect only for the title of the post?
Thanks,
Cristi B.
Answers would be helpful…
Hi,
Sorry for the delay, we are working with limited staff and we answer to the most oldest topics and because you’ve added a new reply we missed your post!
Please try this custom css to reduce the dark effect – http://screencast.com/t/ra10tPaVqLt
.td-grid-style-1 .td-module-thumb a:last-child:before {
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.3)));
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
}
If you want to change the background color on Grid style 4 check this css code – http://screencast.com/t/CDEO3mqfmPtl
.td-grid-style-4 .entry-title {
background-color: rgba(20, 22, 23, 0.61);
}
Also if you don’t want background for category and meta on style 4(to have background only for article title) you can use this custom css – http://screencast.com/t/YidqgLeRxJhT
.td-grid-style-4 .td-post-category {
background-color: transparent;
}
.td-grid-style-4 .td-module-meta-info {
background-color: transparent;
}
Thanks!
Thanks! The info’s were very helpful.
Another question. How can i change the loading animation image specs. I don’t want any darken, or zoom in/out action when i scroll over a image. I disabled from the Theme Panel but this function is still present.
Thanks.
Hi,
The option from Theme Panel refers to the lazy load on all images on your pages, posts… The effect animation allows you to animate your theme images as you scroll from top to the bottom on a page.
Please try this custom css to remove zoom effect for all Big Grids – http://screencast.com/t/aaJY97QL56
.td-hover-1 .td-big-grid-post:hover .td-module-thumb .entry-thumb {
transform: none !important;
-webkit-transform: none !important;
-moz-transform: none !important;
}
And to remove gradient you can use style 4 – http://screencast.com/t/HSmejUSBldx8 – http://screencast.com/t/eUOW9Rz1uy
Thanks!
