Site logo

Archived topic

Blog page blocks

9 replies · Started by Sebastián on September 30, 2017

Viewing posts 1–10 of 10

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!

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?

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

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

Try this:

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

That was what I was looking for! Thanks

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

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

Try this:

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

Excellent thanks!

No problem!

This archived topic is closed to new replies.