Okay, thanks for the additional info! ;-)

You can mark this one as solved

Hi Nikko, thanks for the quick reply and all the info; very much appreciated! :-)

Does adding the code remove existing thumbnails? Or do I need to run a separate plugin like Regenerate Thumbnails, or something?

Cheers,
Marc

Hi Ismael,

I’m not able to update the theme through the wp admin dashboard (because I can’t login).
Will try to do it with FTP, do you have a good manual somewhere about manually updating the theme?

• This reply was modified 2 years, 11 months ago by Marc Bijl.

That is just perfect Ismael, you just made my day; thanks a ton, great support!

Ticket resolved ;-)

Hi Ismael, thnx for thinking with me :-)

Tried to change the transition property, however, didn’t have effect…

Feel free to try through the admin environment; right now I’m doing the development css changes in the Customizer’s CSS panel.
Admin account details in Private Content.

Hey Ismael,

Right now I have replaced the masonry grid by the portfolio grid at the original/right URL:
https://agsarchitects.e.wpstage.net/projecten/

The only thing that’s not exactly the I’d like to see, is the little content shift. After loading the page, the white space below each row of images is quite large, too large actually, and then (I guess after loading all portfolio items) this space disappears and the images move up (to the place where they belong).

Any idea how to solve this?

I thought it might be caused by the grid settings, so I set the image size to portfolio (495×400) instead of the width of the column. However, this does not make any difference.

Suggestions appreciated ;-)

Since I’ve decided to go with the portfolio grid instead of the masonry grid, and with some help I got the look & feel the same as the masonry grids (see: https://kriesi.at/support/topic/portfolio-grid-hover-like-masonry-grid-hover/), this topic can be considered as solved.

Hi Ismael, the css needed some adjustments, and I think I’ve managed to get the hover effect the same. I added following code, can you please check if it needs improvement, or if it’s quite right this way? Thanks!

.grid-entry img { 
	transition: all .4s ease-in-out; }

.grid-entry:hover img {
    -webkit-transform: scale(1.05,1.05);
    transform: scale(1.05,1.05);
}

.grid-entry .grid-content {
	opacity: 0;
	transition: all 0.4s ease-in-out;
	position: absolute;
	bottom: 0;
	width: 100%;	
	-webkit-transform: rotateX(120deg);
	-webkit-transform-origin: center bottom;
	-webkit-transform-style: preserve-3d;
	-moz-transform: rotateX(120deg);
	-moz-transform-origin: center bottom;
	-moz-transform-style: preserve-3d;
	transform: rotateX(120deg);
	transform-origin: center bottom;
	transform-style: preserve-3d;
}

.grid-entry .grid-content h3 {
	font-size:15px;
}

.grid-entry:hover .grid-content {	
	opacity:1; 
	-webkit-transform: rotateX(0deg);
	-webkit-transform-origin: center bottom;
	-webkit-transform-style: preserve-3d;
  -moz-transform: rotateX(0deg);
	-moz-transform-origin: center bottom;
	-moz-transform-style: preserve-3d;
	transform: rotateX(0deg);
	transform-origin: center bottom;
	transform-style: preserve-3d;	
}

.grid-entry .image-overlay {
	background-color: transparent!important;
}

.grid-entry:hover .image-overlay {
	background-color: transparent!important;
}

.main_color .grid-entry-title {
	color:black;
}

Hi Ismael, thnx for the reply mate! :-)

The number of items show nicely, right now; thought the problem would be solved. For the part of cropping the page/images, it does.

However, some portfolio items are still showing for categories where they should not…

For example: clicking the categories ‘industrie’, then ‘kantoren’, then ‘onderwijs’, and then back and forth, the upper 3 portfolio items are the same, while they should not. See: https://snipboard.io/LRgDn6.jpg

Turned off all plugins, cleared cache, and problem still resists.

In the private content a link with user id and password to the staging environment, as well as a login as admin to the staging site; can you please take a look and see whats going on?

Hmm, just logged in, and it seems the warnings are gone…

Guess it will be fine for now; if the appear again, I’ll reopen this ticket or create a new one.

Thnx for the quick reply! ;-)
Marc

You can close this one, cheers! ;-)

Problem seems to be solved; moved complete site to SSL and now it looks fine! ;-)

Hi Victoria, thnx, it seems that does the trick!

Wouldn’t it be nice if the lightbox/popup height scales automatically?

Anyone?