I have a widget that displays a 50×50 image of the post’s thumnail on all resolutions except mobile. Is there a way I can keep this smaller thumbnail? It seems the image turns into the 150px size when you decrease the resolution. You can see what I mean by making your browser width smaller and the larger by visiting here:
http://www.gomerblog.com/greatest-hits/
thanks for the help!
Hi,
You have this issue because this theme class is applied there – http://screencast.com/t/BZI4CmHep You can try to delete that class from style.css so it wont be applied that width on images: http://screencast.com/t/kAeTYm3jITy
Or you can try this custom css in Theme Panel > Custom Css: http://screencast.com/t/BTaxyjFrhfWt
@media (max-width: 500px){
.page .google_top_posts .gtc-content-thumb img{
width: 50px !important;
}
}
Also if you want this only on specific pages you can use .page-id-xxx class instead of .page: http://screencast.com/t/q5KNMGYQIP
Hope this helps!
Awesome THANK YOU
