Archived topic
Blog page blocks
9 replies · Started by Sebastián on September 30, 2017
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.
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!