I´m using Block 8 on my front page and on a computer screen it looks great. However if reduzing the window size to where the thumbnails are starting to slide down in size with the actuall window (or viewing the page on a tablet or a phone in landscape mode) the thumbs get blurry to the point where the look like, well, shit 😛 (sorry)
I understand this is because the thumbnails used is being maginfied due to the responsive-ness. However I was thinking there must be a way (guessing via custom css) to load a larger size of the thumbs into the default thumb-container so that when they enlarge the images doesn´t go so blurry.
Se this picture for refrence of how it looks:
My second question is if there is a possiblity to change the header background color for just one of the widgets used withing the sidebar. I know it´s possible to change the regular blocks by just chosing Header Color, however this option does not seem to be present when using Blocks as widgets on the sidebar.
Hi,
The thumbs for the images on blocks/modules are created by the theme and loaded at smaller sizes so when on phones or tablets depending on the screen view the thumbs need to get a bit stretched so that they fill their container. You could change this by adding a new thumb size or altering the one you use and have it to use a larger one which would look better on mobiles or tablets.
The size of the images can be changed from functions.php: http://screencast.com/t/FbsZ2g0g
And regenerate thumbnails: https://forum.tagdiv.com/how-to-fix-strange-thumbnails/
Please also note that if you alter it’s size it you might need some css modifications.
You could change it’s color via css but only if you’re using different blocks on your sidebar as if you’re using the same block/blocks you can’t target via css just one and change it’s color.
Let me know of your situation I’ll let you know if it can be done easily.
Thanks
