Zoom Effect

Posted in: Newspaper
Post count: 13
Sabrqq
#55153
Jun 21, 2015 at 1:49 am

Is there an option to have the zoom effect on the smaller images on the front page from the blocks?

Post count: 7909
Alin [tagDiv]
#55332
Jun 22, 2015 at 1:42 pm

Hi,

Please check this topic as reference if you want to remove zoom effect – https://forum.tagdiv.com/topic/dark-pictures/#post-54266
If you want to apply this only for small thumbs from Big Grid please try this custom css in Theme Panel > Custom Css: http://screencast.com/t/mkbPbNGBXQ

.td-hover-1 .td-small-thumb:hover .td-module-thumb .entry-thumb {
transform: none !important;
-webkit-transform: none !important;
-moz-transform: none !important;
}

Thanks!

Post count: 13
Sabrqq
#55861
Jun 24, 2015 at 12:23 pm

Hey sorry for the confusion. I meant…Is there a way so that the news blocks will have this zoom effect like the Big Grid blocks?

Post count: 7909
Alin [tagDiv]
#55940
Jun 24, 2015 at 3:38 pm

Hi,

You will need custom to make this work like on Big Grid, you can try this custom css in Theme Panel > Custom Css and change the block number:

.td_block_11 .td-module-thumb:hover .entry-thumb {
transform: scale3d(1.1, 1.1, 1);
-webkit-transform: scale3d(1.1, 1.1, 1);
-moz-transform: scale3d(1.1, 1.1, 1) rotate(0.02deg);
transition: transform 0.3s ease, opacity 0.3s;
-webkit-transition: -webkit-transform 0.3s ease, opacity 0.3s;
}

You may need more css customizations, I suggest to get someone to help you with this if you don’t have basic css experience, as we cannot provide custom work at this time.

Hope this helps!

Viewing 4 posts - 1 through 4 (of 4 total)
The forum ‘Newspaper’ is closed to new topics and replies.