[Resolved] Blog page blocks

[Sebastián]

Hi guys,

Im going to make some changes to my blog page because is not looking the way I want to.

This is how it looks right now: https://i.imgur.com/pCXVqzd.png

I would like every blog post in blocks which means grey lines outside each one of the posts.

For example: https://i.imgur.com/89pi6rX.png with the featured image on the left.

What I really like about that example is: – the grey lines outside the post
– The (…) on the excerpt

The “show excerpt” on the customizer didn’t make any change.

Blog

Thanks!

[Leo]

Hi there,

You could try this CSS:

.one-container .inside-article {
    border: 1px solid #000000;
}

As for the “…” it should be added by default if you are using excerpt.

Did you add any function to remove it or using custom excerpt field?

[Sebastián]

I think i didn’t add any code for the excerpt.

Code for the “Blocks” is great but i would like to adjust the spacing between the lines and the blog post itself.

Like this example https://i.imgur.com/89pi6rX.png

[Sebastián]

Fixed the (…) so now works ok.

So now my problem is:
Code for the “Blocks” is great but i would like to adjust the spacing between the lines and the blog post itself.

Thanks

[Leo]

Try this:

.one-container .inside-article {
    padding: 10px;
    border: 1px solid #000000;
}

[Sebastián]

That was what I was looking for! Thanks

I want to display it only for desktop and tablet, can I hide it in mobile?

[Sebastián]

And I just want to display it only the blog post page!

[Leo]

Try this:

@media (min-width:769px) {
    .blog.one-container .inside-article,
    .archive.one-container .inside-article {
        padding: 10px;
        border: 1px solid #000000;
    }
}

[Sebastián]

Excellent thanks!

[Leo]

No problem!

[Author]

Posts