disable rollover zoom

Hi,

Only some of the flex grids have an option to disable the hover effect, for example
– https://www.screencast.com/t/JbHdVMzPOyy

Fro those grids I could give you a code that can be entered in the theme panel Custom CSS section, it should remove the hover effect for those two grid types

.td_block_big_grid_fl_1.td-grid-style-1.td-hover-1 .td-big-grid-post:hover .td-module-thumb .entry-thumb,
.td_block_big_grid_5.td-grid-style-5.td-hover-1 .td-big-grid-post:hover .td-module-thumb .entry-thumb {
transform: none;
}

Thanks

I don’t see the code loaded, please enter it here
– https://www.screencast.com/t/0QLcSZkkcXBo

I tested it again, seems to work alright in the Live CSS, for both grid types
– https://www.screencast.com/t/8QmGrBHu3
Try it with important like this

.td_block_big_grid_fl_1.td-grid-style-1.td-hover-1 .td-big-grid-post:hover .td-module-thumb .entry-thumb,
.td_block_big_grid_5.td-grid-style-5.td-hover-1 .td-module-thumb .entry-thumb {
transform: none!important;
}

Also clear your cache after entering the code in the theme panel.

I see you are wrapping the code in a media query, with the condition that it loads only on screens smaller than 767px. That will have no effect on desktops for example. The query is also not closed properly, there is a missing accolade it seems.

If you want the code to be loaded in certain widths, you can use the advanced CSS sections in the theme panel
– https://www.screencast.com/t/0FYbvuLf
Enter the code from above there as desired, the media queries will be added by the theme automatically.