Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1343508
    tylervarian
    Participant

    Hi. I am creating a grid style website and the images are both cropped and fuzzy on the homepage. The images don’t seem as fuzzy on my secondary pages.

    Might you take a look and let me know what you think is the issue.

    I will send you my website credentials in the next support page.

    Thanks!

    #1343509
    tylervarian
    Participant
    This reply has been marked as private.
    #1343515
    tylervarian
    Participant

    p.s. The Essential Grid page that is the current home page is called: home2

    Thanks again!

    #1343866
    Nico
    Moderator

    Hi There,

    You could follow the link below for your image to use the original image size:

    https://community.theme.co/forums/topic/essential-grid-images-appears-blurry/#post-1048929

    If still not working, please try to increase the your image size and quality so that if the image will not become fuzzy everytime it will be shown in large screensizes.

    Let us know how it goes.

    Thanks.

    #1345181
    tylervarian
    Participant

    Hi. I am doing all of the items you suggested. Using ORIGINAL size, etc. The image is large: 554 x 643 with 300dpi.

    You mention in the link you provided above that you “edited the page and reduced the width of the column” and this seemed to have fixed it for this person. How do I do that on my grid?

    Thanks!

    #1345482
    Rue Nel
    Moderator
    This reply has been marked as private.
    #1345689
    tylervarian
    Participant

    Thank you. Can you tell me, where can I see the column width dimensions? Where can I see where it says the opening of the grid space? When I right click (Mac) and click Inspect. It says 267 x 201. That is why we created the image to this size.

    Thanks!

    #1345871
    Paul R
    Moderator

    Hi,

    The column width is based on the screen size.

    You need to upload a larger image, you can try an image with at least 600px width.

    Thanks

  • <script> jQuery(function($){ $("#no-reply-1343508 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>