Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • May 18, 2015 at 3:50 pm #445762
    TracyLove

    I’m trying to create a grid row like the one you have on the Shop demo right below it’s slider. But, I’m not able to get rid of spaces on the left and right side of the images. I’ve set everything exactly as you have it in the demo, with all of the padding set to 0px, but I still can’t get rid of the spaces.

    Screenshot: https://drive.google.com/file/d/0B3OWOQWwVXupWExKdFdDQlFMdUE/view?usp=sharing

    May 19, 2015 at 3:42 am #446177
    Ismael

    Hi TracyLove!

    Thank you for using Enfold.

    Edit the cells inside the grid element. Adjust the Cell Padding settings.

    Best regards,
    Ismael

    May 19, 2015 at 4:57 am #446203
    TracyLove

    As I said, I did that already, All of the cell padding is set to 0px

    Here’s a screenshot: https://drive.google.com/file/d/0B3OWOQWwVXupQVltR1BFc2xHSW8/view?usp=sharing

    Here’s a link to the development site homepage: http://eventpro.lighting/

    • This reply was modified 9 years, 7 months ago by TracyLove. Reason: Included links
    May 19, 2015 at 6:13 pm #446616
    Yigit

    Hey!

    I cannot see any space between grid row images – http://i.imgur.com/nBZ45kX.jpg
    Have you figured it out already?

    Best regards,
    Yigit

    May 19, 2015 at 6:23 pm #446625
    TracyLove

    Hmmm, now it seems to be only happening in my Chrome browser. I cleared the cache, but that didn’t fix the problem. It’s working fine in Safari and Firefox. It’s only Chrome that’s having the problem.

    May 19, 2015 at 6:58 pm #446642
    Yigit

    Hey!

    My screenshot was taken on Chrome on OS X 10.10. I checked your website once again but it still looks fine on my end. Please try opening your page on incognito mode and see if you can reproduce the issue

    Regards,
    Yigit

    May 19, 2015 at 7:06 pm #446649
    TracyLove

    That didn’t work either. Oddly enough, after I changed out some of the images, now it’s not working in Safari either, but it is still working fine in Firefox.

    I’m using OS X 10.10.3

    Here’s a screen shot from Safari: https://drive.google.com/file/d/0B3OWOQWwVXupSVoyQkxXXzdYLVE/view?usp=sharing

    May 19, 2015 at 8:31 pm #446686
    begrafiks

    Hi TracyLove, Yigit and Ismael ;
    Sorry to jump in ;

    In Enfold Shop demo the grid contains four colums (four images each of them bigger than 300px width)
    In http://eventpro.lighting/ the grid contains five colums (five images) and each of them a size 300x300px

    When the size of the screen is smaller than 1500px there is no gap,
    but if it’s bigger than 1500px there would be a gap.
    1500px/5=300px.

    So if you would like to keep five images (columns) the images should be larger than 300px

    here what I see on chrome
    Screen size

    • This reply was modified 9 years, 7 months ago by begrafiks.
    May 20, 2015 at 4:35 am #446896
    TracyLove

    Ah! That makes perfect sense. The images were actually 600×600, but when I added them from the Media library, it defaulted to the medium image (300×300). Thanks begrafiks! And thank you too Yigit!

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Space Between Grid Row Images’ is closed to new replies.