Hi,
These would be the styles available for big grids
– https://demo.tagdiv.com/newspaper/big-grid-1/
I believe you are referring to style 6 (lightsky) which uses a background color with opacity over the images, also a rollover effect.
I tested with a mac and Safari browser, the lightsky effect seems to work same as in Chrome or Firefox. I believe the mac uses High Sierra OS and latest Safari that comes with it.
If you don’t want a lightsky effect and opacity maybe consider to use a flex grid, Flex grid 2 is similar to big grid 1
– http://prntscr.com/lj3rb6
You can center the post meta, and the result is the same as big grid style 6, with no opacity and lightsky.
Thanks
.td-grid-style-1.td-hover-1 .td-big-grid-post:hover .td-module-thumb .entry-thumb {
transform: scale3d(1.0, 1.0, 0);
-webkit-transform: scale3d(1.0, 1.0, 1);
-moz-transform: scale3d(1.0, 1.0, 1) rotate(0.00deg);
}
/*GET RID OF HOVER EFFECT ON BIG IMAGES*/
.td-grid-style-1.td-hover-1 .td-module-thumb a:last-child:before {
background-color: rgba(0,0,0,0.01) !important;
transition: background-color 99.9s ease !important;
-webkit-transition: background-color 99.9s ease;
-moz-transition: background-color 99.9s ease;
-o-transition: background-color 99.9s ease;
}
Hi,
The zoom can be disabled in the grid settings – https://www.screencast.com/t/XSjCBVnmA
So if you don’t want this effect, disable it.
A code solution as you mention would work just as well. Either use the default big grid with additional CSS, or the flex grid with the hover setting disabled.
The rollover effect is also a setting in the flex grids, so it can be enabled/disabled
– https://www.screencast.com/t/uzxZrgzWp
Thanks