TagDiv Image Gallery thumbs / Big Grid 1 Mobile Theme

Posted in: Newspaper
Post count: 10
HeTo25
#160277
Feb 27, 2017 at 9:38 pm

1. The thumbs in my TagDiv Image Galleries only show the top half of the images (screenshot below). How can I change the height of them? I need thumbs which have more height than width or are at least a square.

http://prnt.sc/ee3vta

2. Im using the Big Grid 1 on my homepage –> same as your News Magazine demo. Is it possible to increase the height of the 4 small elements for mobiles (mobile theme/view)? I need them to be squares. I`ve already changed it for desktops.

http://prnt.sc/ee43lq

Thanks

Post count: 20688
Simion C.
#160375
Feb 28, 2017 at 11:40 am

Hi,

1. Theme theme will crop and create thumbs from the images used using center top cropping system – https://forum.tagdiv.com/featured-image/ The thumbnails used in the gallery have this size – https://www.screencast.com/t/UjCIEfXstgs and unfortunately in the image gallery it will not be so easy to make changes to the thumbs because it is a complex element.

2. You could increase the height of the module thumb for the module used on that big grid – https://www.screencast.com/t/aULcR8m3wofO overriding the default height set on the module thumb with custom code, and experimenting with different values, depending on the thumb modifications you have made.

Thanks

Post count: 10
HeTo25
#160381
Feb 28, 2017 at 11:59 am

1. Ok, I can live with that.

2. Do I have to make these height-changes with custom css code?

Thanks

Post count: 20688
Simion C.
#160427
Feb 28, 2017 at 3:46 pm

Hi,

You could increase the size of the module thumb from the default media size using this code (just modify the height value as you like) keeping in mid the modifications you have made to the module thumb sizes.

@media (max-width: 767px) {
.td_block_wrap .td-big-grid-wrapper .td-big-grid-scroll .td-module-thumb {
height: 170px;
}}

Thanks

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