[Resolved] Blog Layout

Home Forums Support Blog Layout

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1446848
    FunkyCss

    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.

    #1447135
    David
    Staff
    Customer Support

    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.

    #1447338
    FunkyCss

    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.

    #1447429
    David
    Staff
    Customer Support

    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.

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.