- This topic has 10 replies, 2 voices, and was last updated 3 years, 11 months ago by
.
Please go to the main page and look at the image on the right side that has 2 classic cars on them. The link is included in the private information field. Then look at the photo link separately and see that it is not blurry, but billion makes it blurry home page.
Solution for this topic
Hi @borishar,
I hope you are well today and thank you for your question.
You can resolve it by adding the following CSS code in the Custom CSS code option of your theme on the below path.
Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code
#page-container .post-thumbnail .sh-ratio-content { background-size: unset; }Best regards,
Shufflehound teamTHANK YOU!!
You are most welcome here 🙂
Whoops.. there is a new problem because of this. Look how images started to look on mobiles.
Used to be the whole image and now because of the above css code the blurriness is gone but the image on mobile does not adjust to proper resolution.
Please change the above-shared CSS code as below.
@media (min-width: 1025px){ #page-container .post-thumbnail .sh-ratio-content { background-size: unset; } }That worked, but now the related posts are also screwed. Look at the screenshot and the link is posted in private
Please try changing the above-shared CSS code as below.
@media (min-width: 1025px){ #page-container #content .post-thumbnail .sh-ratio-content { background-size: unset; } }I don’t know what that one did, but the widgets on mobiles are still blurry. You can go to any article on mobile and check out the bottom section where widgets show related articles. Here is a screenshot.
Please try changing it as below.
@media (min-width: 1025px){ #page-container .post-item-single-container .post-thumbnail .sh-ratio-content { background-size: unset; } }
