Why does gillion make images blurry?

Home Forums Gillion Theme Why does gillion make images blurry?

Home Forums Gillion Theme Why does gillion make images blurry?

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    RESOLVED Posts
  • 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 team

    THANK YOU!!

    You are most welcome here 🙂

    Whoops.. there is a new problem because of this. Look how images started to look on mobiles.

    Attachments:
    You must be logged in to view attached files.

    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

    Attachments:
    You must be logged in to view attached files.

    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;
    }
    }

    borishar
    Participant

    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.

     

     

    Attachments:
    You must be logged in to view attached files.

    Please try changing it as below.

    @media (min-width: 1025px){
    #page-container .post-item-single-container .post-thumbnail .sh-ratio-content {
        background-size: unset;
    }
    }
Viewing 11 posts - 1 through 11 (of 11 total)