Hello, I’m using Style 4 as my sitewide default. The problem is that when featured images are less than 1021 px wide, the gray box is visible. Is it possible to remove that with custom CSS?
Hi,
If your featured image is smaller, you will need to use plugin like Thumbnail Upscale to enlarge thumbnails: https://wordpress.org/plugins/thumbnail-upscale/ For upscale use a combination of plugins Thumbnail Upscale + Force Regenerate. As WordPress doesn’t enlarge images.
Or you can use custom css to enlarge it if is not much difference between container width and image. Try to add width 100% to the image:
.single_template_4 .td-post-featured-image .entry-thumb {
width: 100%;
}
Thanks!
Thanks Allin. I was talking about the featured image in single posts rather than thumbnails, though.
Hi,
Featured image is also cropped – http://screencast.com/t/B7hJp5bZnry you can try those plugins to enlarge thumbanils or try the css that I provide. Also paste a link so we can take a look.
Thanks!
Your custom CSS trick for image enlargement worked, thank you. But I’m still wondering if it wouldn’t be easier to hide the gray container. If you want to take a look: http://www.brazilophiles.com/2014/07/27/os-gemeos-present-solo-show-moon-opera-sao-paulo/
Thanks!
Hi,
You can use this custom css to make background transparent but also you need to remove gradient: http://screencast.com/t/E8RA3snnD3Nu
.td-post-template-4 .td-post-featured-image {
background-color: transparent;
}
.td-post-template-4 .td-image-gradient:before {
display: none;
}
Thanks!
Hi, just belated note to say this worked fine. Thanks!
