Empty spaces and white bars in portfolio

portfolio tower chil

- 7 years, 8 months ago Wotzerella
  Participant
  
  Expired
  Hello,
  
  I get a few blank spaces in my portfolio, as well as a one pixel separation between columns that shouldn’t be separated. Currently it’s vertical, but at times it appeared horizontally as well.
  
  The same problem appears in all the subsections (Illustration, Concept art and so on), and in the case of portfolio grids with less than five items, (for example https://paultaka.cloud24.hostingpalvelu.fi/concept-art/ ) it actually swallows the sidebar with it!
  
  I know this has to do with image sizes, but we tried to fix it using other similar codes from the forum to no avail.
  
  Thank you in advance,
  
  W.
  
  (edited for typos)
  
  This topic was modified 7 years, 8 months ago by Wotzerella.
  
  This topic was modified 7 years, 8 months ago by Wotzerella.
  
  This topic was modified 7 years, 8 months ago by Wotzerella.
  
  This topic was modified 7 years, 8 months ago by Wotzerella.
- 7 years, 8 months ago Mirela
  Participant
  Hello,
  
  Please add this code into your custom css box:
  
  .recent_portfolio .swiper-slide { min-height: 329px !important; } .portfolio-item.overlayed img { min-height: 330px !important; } .portfolio-item.overlayed .tpl2 { min-width: 329.3px !important; }
  
  Result screenshot.
  
  Best regards!
- 7 years, 8 months ago Wotzerella
  Participant
  
  Expired
  
  Hello and thank you.
  
  This works in certain resolutions, however, in 1920 x 1080, I am left with the same problem again (screenshot). It seems that the grid just keeps growing regardless of the resolution, is there a way to prevent this, for instance in setting a maximum width for the portfolio?
  
  Secondly (but this is another question, let me know if I should open another topic), we have installed plugins supposed to help the performance but the speed on the website went down quite a lot. Is it possible for you to have a look at it?
  
  Thank you again,
  
  W
- 7 years, 8 months ago Mirela
  Participant
  Hello,
  
  Please add this code as well:
  
  @media (min-width: 1900px){ .recent_portfolio .swiper-slide { min-height: 414px !important; }}
  
  Result screenshot: https://pho.to/Ae35v
  To set a max width for the portfolio, add this code:
  
  .recent_portfolio.wpb_content_element { max-width: 1800px !important; }
  
  Change the value to your wish.
  
  -What plugins do you have installed? Installing many plugins also affects the site’s performance. I suggest you keep only one cache plugin and only one for other purposes such as script minify. Since you have a portfolio site, the more images you add, the more it can slow down the site. Make sure to optimize all your images for web.
  
  Best regards!
- 7 years, 8 months ago Wotzerella
  Participant
  
  Expired
  
  I’m sorry, but the problem keeps coming back as soon as either the resolution or the size of the browser window is changed (going from 1366 x 768 to 1920 x 1080 for instance)
  
  Besides, the lower part is still “eating up” the left sidebar when there is less than three columns (see in Concept art and Graphic Design sections).
  
  Can you access the website and have a look? The logs are still on my profile.
  
  Thank you,
  
  W.
- 7 years, 8 months ago Mirela
  Participant
  
  Hello,
  
  Sorry but i don’t understand. What do you mean by “the lower part is still ‘eating up’ the left sidebar”? Can you please send us some screenshots of the problem?
  
  Best regards!
- 7 years, 8 months ago Wotzerella
  Participant
  
  Expired
  
  Screenshot in 1366 x 768 resolution
  
  Screenshot in 1920 x 1080 resolution
  
  As you can see on the left, the end of the portfolio makes the sidebar disappear.
  
  Note that this does not happen when hovering over objects. But since it’s not happening at all on the front page, something must be off?
- 7 years, 8 months ago Wotzerella
  Participant
  
  Expired
  I am trying to compare my situation with your masonry portfolio demo that reacts flawlessly to changes in resolutions / window sizes. What is it that is going wrong with mine? Should I compress all of my images to 600 x 600?
  
  This reply was modified 7 years, 8 months ago by Wotzerella.
  
  This reply was modified 7 years, 8 months ago by Wotzerella.
- 7 years, 8 months ago Wotzerella
  Participant
  
  Expired
  
  I found a way to artificially extend the portfolio with an invisible vertical separator, thus solving the issue of the disappearing sidebar.
- 7 years, 8 months ago Mirela
  Participant
  
  Hello,
  
  Great to know you figured it out. Thanks for sharing.
  
  Best regards!

Viewing 9 reply threads

You must be logged in to reply to this topic.

Community Forums

Empty spaces and white bars in portfolio

Site Links

Useful Articles

Login