Archived topic
Blog Layout
3 replies · Started by FunkyCss on September 17, 2020
Hallo , i need to make my blog a bit more "pretty" for the pc viewers and i always been thinking a layout like this one here that i found interesting - > https://otegroupblog.gr/
Is any possibility to create this one with GP , i am not using WP show posts in my site even if i have the pro version ( i have bought it more for support the developer) but i dont really want to use it here.
My main question is if we can create the grid layout like this , where one section has one blog and the second goes with two etc.
I have tried to see any other ticket with something similar but i havent found any.
Hi there,
simple CSS method to position the image behind the content:
body:not(.single) .inside-article, body:not(.single) .inside-article > * {
position: relative;
}
body:not(.single) .inside-article .post-image {
position: absolute;
top: 0;
bottom: 0;
width: 100%;
height: 100%;
}
body:not(.single) .inside-article .post-image img {
height: 100%;
width: 100%;
object-fit: cover;
}Best to set the archive featured image to above title and without alignment.
You will need to use some CSS to change content colors and some padding - but that should get you started.
Hallo David, thank you for your feedback , but what i wanted to ask is like i said
how is possible to create reate the grid layout like this , where one section has one blog and the second goes with two etc.
With the blog columns set to 2. You could do something like this:
.generate-columns-container > article:nth-child(3n) {
width: 100%;
}This will force every third article in the archive to fill 100% width.
May need to tweak margins etc.
