Archived topic
Magazine layout crashed
3 replies · Started by Sven on April 3, 2018
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
Hi Sven,
Any chance you can show us the problem on a live site?
This kind of problem is really hard to solve without actually seeing it.
Let us know.
Thanks!
Hi Leo,
sorry for the delay... spam filter!
Please deliver an e-mail adress to me, so I can give you access to my site: generatepress (at) familie (minus) koeck (dot) net
Best regards, Sven
You can edit the original topic and use the private URL field and just provide the login and pw here as no one else can see the site link.
Or use account issue: https://generatepress.com/contact/
Please reference the topic URL.