You can show only the thumbnail perfectly, using some custom CSS. I can help, share your website URL here.
Thread Starter
avalol
(@avalol)
Hi Mrinal,
Here is the link :
http://www.lepalindrome.net/
you can see (right column) on Firefox that I kinda succeed on make only the image appears by writing a little sign to make the block appears but on Chrome it’s completely broken … 🙁
Any help would be great !
Hello avalol,
the bug is the float:left for the img-tag: .cat-post-widget img{…float: left; ..}
You can fix it in your CSS-code, e.g. here two proposals, take one of this:
– override the float attribut: .cat-post-widget img { float: none; }
or
– set the a-tag above the img-tag to display:table: .cat-post-widget a { display: table;}
We have to discuss a CSS fix for the Widget. At first we check-in a fix to GitHub, after that we plan a release.
I hope the fix will help for your problem and your website?
Thanks for joining the Widget.
Hi Ava,
Thanks for the link to your website. Daniel’s suggestion is right.
To be more specific, The following CSS will work fine:
.cat-post-widget img, .cat-post-widget a {
display: table !important;
}
Check the screenshot, when I applied that CSS in my end. Add the CSS codes in your Theme’s Custom CSS panel.
Hello avalol,
the solution for your problem is checkt in on GitHub and will be shiped with the next releas on ww.wp.xz.cn:
.cat-post-item:before,
.cat-post-item:after {
content: “”;
display: table;
clear: both;
}
Thread Starter
avalol
(@avalol)
Thanks a lot for your help ! It now works perfectly fine 🙂
