Tagged: x
-
AuthorPosts
-
January 24, 2017 at 12:47 pm #1343508
tylervarianParticipantHi. 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!
January 24, 2017 at 12:48 pm #1343509
tylervarianParticipantThis reply has been marked as private.January 24, 2017 at 12:52 pm #1343515
tylervarianParticipantp.s. The Essential Grid page that is the current home page is called: home2
Thanks again!
January 24, 2017 at 5:25 pm #1343866
NicoModeratorHi 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.
January 25, 2017 at 2:06 pm #1345181
tylervarianParticipantHi. 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!
January 25, 2017 at 6:04 pm #1345482
Rue NelModeratorThis reply has been marked as private.January 25, 2017 at 7:51 pm #1345689
tylervarianParticipantThank 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!
January 25, 2017 at 11:40 pm #1345871
Paul RModeratorHi,
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
-
AuthorPosts
- <script> jQuery(function($){ $("#no-reply-1343508 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>
