Integrate first two entries into the grid

Activello
1

Hi Colorlib!

I am currently using the Activello theme and am very happy with it. Now, i see on the demo that the first two posts on the front page are set to the full width of the grid and all entries after that are gridded, but i was hoping i could get all of the entries into a grid instead. Is this possible?

Thank you!

Sandra

2

Hi Sandra,

I hope you are well today and thank you for your question.

You can try achieving this by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Customize -> Activello Options -> Other -> Custom CSS

@media (min-width: 768px){
body.blog.home .page-1 article.post:first-child,
body.blog.home .page-1 article.post:nth-child(2) {
    width: 50%;
    clear: none;
    float: left;
}

body.blog.home .page-1 article.post:first-child {
    padding-right: 25px !important;
}
body.blog.home .page-1 article.post:nth-child(2) {
    padding-left: 25px !important;

}
body.blog.home .page-1 article.post:nth-child(2) .post-inner-content {
  padding: 0 0 50px;
}
    
}

Best Regards,
Movin

3

Hi!
I used the code provided but now I’m wondering how I can get rid of the “Read More” and “Leave a comment text” on the first two posts. Please let me know!

http://www.thingsilearnedgrowingup.com/

Many thanks!!
Kazandra

4

Hi Kazandra,

To help us keep support thread separates could you please create your own thread for your question here https://colorlibsupport.com/c/activello/ instead of replying on others thread as it makes the thread messy and hard to read.

If you want to you can also add reference of this thread in your newly created thread.

We would be more than happy to help you on your new thread.

Cheers,
Movin

5

Hi Movin,

I have now used this code and it’s exactly what I was looking for.
Only I would like to see my recent post first on the homepage and then this CSS code for the older posts
So it would be in two parts, first big the newest post and then this grid with the older posts.
How do I get that?

Thanks in advance.
Kind regard, Maaike

6

@maaikejkramer You can achieve this by using custom CSS solution posted in the following topics.

https://colorlibsupport.com/t/how-to-make-only-one-post-full-width-and-the-rest-in-grid/#post-58491
https://colorlibsupport.com/t/a-few-questions-how-to-make-only-the-first-post-full-and-regarding-font/#post-59417