The picture in first block on the front page look quite pixelated. This is block 18. Any way to make the picture represented in a better way?
Take a look here: http://www.arenainord.no
Thanks
It looks ok on mobile – if you look in Theme Panel it tells you the sizes of thumbnails used for each Block – make sure the one for the block you’re using is ‘switched on’
Upload the correct size images (or larger than the size you need) and run Force Regenerate Thumbnails’ plugin (recommended by TagDiv) you can run it just for the image(s) you need from Media Library – all for all images
Smaller images than the recommended sizes in Theme Panel can’t be made larger by Force Regenerate plugin
Strange that the mobile version is all OK. I have no idea why it is so ugly on desktop. The featured image for the current post displayed in the block is 1280 × 852 the thumb settings for this block is 696 X 385. I’ve ran the Force Regenerate Thumbnails on several occasions, but it makes no difference on the matter.
Hi,
It seems your thumbnail is bigger than the original thumbnail used for this block http://screencast.com/t/WhFLnxnQTSa4
If you made modifications to the theme width, then this could be the result of that. Please change the row settings in design option and revert the settings to their default. Your thumbnail gets enlarged by css that is why it loses the quality. Please try a block 18 on a test page with no other settings or modification to see if the image still displays the same.
Let us know how it goes.
Thank you!
Hi Bogdan!
I’ve not made any modifications to the theme width. I made a test page just with block 18 with no modifications to the row, as you suggested. Still the thumb is looks quite bad, check it out here: http://www.arenainord.no/block18_test/
Hi,
Unfortunately the link you provided does not work.
On your homepage the image is not the problem but the block itself.
Here is your block: http://screencast.com/t/vbKiywBCC0n
and here is the default one: http://screencast.com/t/PGmceyP2
Somehow the block width is getting altered. Your block no longer has the default width.
Please revert the theme to it’s default state and check your block again. If you have no modifications you know of, it could be a plugin issue so please also try to disable all your plugins except visual composer, clear cache and reset cdn files.
Let us know how it goes.
Thank you!
Sorry, the page was password protected, you should be able to check it out now: http://www.arenainord.no/block18_test/
I guess the reason for the image displaying in such a bad way is because I have the block 18 in a 1/1 column, and it’s intended for a 2/3 column, like in the link that you sendt me. Or am I completely off?
Is there any other way I can display a single post in a 1/1 column? I tried to look at the slide block, but for displaying just one post the arrows and the mobile touch just messes it up.
Hello,
If the block 18 is on one column, then the image will be enlarged with css. This is the case with block 13 as well. They were not meant to display full width. The slide is the only element that has such a big thumbnail as seen here: http://screencast.com/t/x4yr1Oo5sfU (further down the page in that menu)
You could use a slide element with only one post and simply hide the arrows with css like so:
.home .prevButton, .home .nextButton{
display:none!important
}
Hope this helps.
Thanks.
Used the revolution slider to solve the issue 🙂
