Hi, we’re using block 3 and custom css to hide title, meta and excerpt. We’re really just planning to show the featured image with that block style. Problem is it has an extra space under the image that we can’t get rid of. We tried to set the height but it won’t be responsive anymore – or is there a way? Thanks.
Hi arnimation,
Please provide your website URL so I can take a closer look at it. Please notice that we do not recommend to edit the block size because you can easily break the theme layout, sorry!
Thanks for your understanding!
Hi Catalin, completely understand and would hate to break the theme.
Here’s a sample link: https://rmn.ph/staging-block/
Using block 3 – Title, meta, etc. were hidden via css so it would only show the image (we prefer the size of block 3 images)
Wondering how we can get rid of that extra space under the image.
Thanks!
Hello arnimation,
Try to regenerate the thumbnails using the Force Regenerate and Thumbnails Regenerate according to our documentation here -> https://forum.tagdiv.com/thumbnails-fix-strange-looking-images-on-blocks/
Thanks for the message!
Hi Catalin, the size of the image is ok. The extra space under the image is where the title, date and excerpt used to be – it was hidden via css. We’re hoping to hide that extra space as well where the title date and excerpt used to be.
Hi,
From what I can tell, there seems to be the block you modified displaying only the thumbnail, then a text column and an empty space element
– https://www.screencast.com/t/DtatsRFA
The empty space has a set height of 100px
– https://www.screencast.com/t/bccEhE6e
If you want that space removed, remove the empty space element by editing the page with the composer.
Please correct me if I misunderstand the problem.
Thanks
Hi Simion, thanks for the screenshots. We actually want to remove that red extra space. Under design options of the block, we set background to red so we can see how big the extra space is after setting title, date and excerpt to hidden via css.
Hi,
Sorry for misunderstanding. You can use a code like this, that would apply only for the block with that custom class
– https://www.screencast.com/t/7iQSr3xk1
.rmn-img-only .entry-title,
.rmn-img-only .td-module-meta-info {
display: none;
}
Thanks
Thanks Simion! That did it. Appreciate it! kindly remove link pls. Thanks again.
