Hi Tom,
I encountered a major problem, I cannot solve…
I use Simple CSS on my private site. With your support I once created a nice magazine layout… but that recently crashed. I updated GP + GPP, but it needn’t to correspond – perhaps it was another plugin, that causes the problem. Anyway I set the site to 3 columns with masonry “on”.
CSS:
/* Magazin Layout */
.masonry-post .inside-article {
width: 400px;
height: 300px;
position: relative;
overflow: hidden;
}
.masonry-post .entry-header {
bottom: 0;
right: 10;
position: absolute;
padding: 30px;
z-index: 10;
}
.masonry-post .post-image img {
left: 0;
top: 0;
position: relative;
object-fit: cover;
width: 100vw;
/*height: 100vh;*/
height: auto;
display: block;
opacity: 1;
transition-property: all;
transition-duration: .3s;
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}
In Chrome Console (F12) I can see that there are 3 columns set (grid-33) but each article uses the whole width of the container… the picture box (with title etc.) uses 1/3 on the left, 2/3 (centre and right) are not used (but the link to the article is stretched from total left to total right)…
Any ideas to fix that?
I appreciate your help!
Best regards, Sven