Okay
  Public Ticket #317848
Images overlapping / not flush in masonry portfolio section
Closed

Comments

  • Laura started the conversation

    Hi,

    I have a masonry style portfolio section on my homepage (image attached) to display 4 items in my "featured" category. As you can see, the images are not quite flush - the bottom left overlaps a bit. Not sure that this is a HUGE problem but it would be good to know how to fix it. For reference, the images are as follows:

    Portfolio post 4 (top left): 800 x 1100px; masonry item sizing set to "regular"

    Portfolio post 3 (top second from left): 800 x 800px; masonry item sizing set to "regular"

    Portfolio post 2 (full size right): 995 x 655px; masonry item sizing set to "wide & tall"

    Portfolio post 1 (bottom left): 1000 x 800px; masonry item sizing set to "wide"

    Unfortunately I cannot provide you with a url or login as I am working locally. Like I said, it's not a catastrophic problem but it is noticeable when everything else on the site looks so perfect!

    Thanks in advance for your help.

  •  8,844
    Tahir replied


    Hey!

    Try changing the value from .6 to .4 : 

    body .portfolio-items .elastic-portfolio-item .work-item.style-3, body .portfolio-items .elastic-portfolio-item .work-item.style-4 {
        width: 100.6% !important;
    }
    
    
    body .portfolio-items .elastic-portfolio-item .work-item.style-3 img, body .portfolio-items .elastic-portfolio-item .work-item.style-4 img {
        width: 100.6% !important;
    }
    
    
    

    Thanks 


    ThemeNectar Support Team 

  • Laura replied

    Thanks for the quick reply!

    Changing it to .4 did reduce the overlap, but it was still there, so I tried lowering the value a bit more. Setting it to 100.2 or 100.1 fixes the overlapping issue, but when I resize the window there are flickering pixel-wide gaps to the sides of the 2 "regular" images. Screenshots attached - hope you can see what I mean.

    Again, this is not a huge *issue* as it looks fine most of the time, but these gaps do appear about half the time so it would be good to fix.

    Thanks.

  • Laura replied

    Did you manage to find a way to fix this at all? I am supposed to put the site live first thing on Monday and could do with the issue being sorted by then.

    Thanks.

  •  1,071
    ThemeNectar replied

    Hey Laura!

    By default that shouldn't be occuring since the z-index on every portfolio element should be set in a manner for the items on the right always overlap the left ones to hide that - whenever you get online could you kindly share a URL and possibly a login so I can take a look why that's occuing?

  •   Laura replied privately
  •  1,071
    ThemeNectar replied

    Hey again, thanks for the credentials - for some reason any edits I make to the scripts are not showing on the front of your site so is there anyway you could provide ftp credentials so I can attempt there?

  •   Laura replied privately
  •  1,071
    ThemeNectar replied

    Hey! Unfortunately I'm getting the response of Login authentication failed could you double check those credentials?