Archived topic
Blog
7 replies · Started by Sofie on January 26, 2021
Hi there,
Our blog page actually looks like this: https://www.capeach.eu/blog/
I wonder if there is a way to let it look like this: https://www.tuincentrumdekorenbloem.be/tips-weetjes/
I would like to have the blog articles in blocks one under the other and have a small picture on the right side.
Is that possible?
Kind regards and have a nice day,
Sofie
Hi there,
in Customizer > Layout > Blog --> Featured Images >>> Archives.
You can select a smaller Image size eg. Medium, and then set the Alignment to Right and its Location to Above Title.
May need a little CSS after that - let me know.
Hi David,
thanks a lot. I'm very sorry, I already looked there but I overlooked the part where you could set the alignment to the right :-/
I did the changes, see https://www.capeach.eu/blog/
I think it is better to set the location below the title, so the text stays in the same column.
What do you think? I personally think the articles need some kind of separation, a border around them or a line between them.
What would you suggest?
Hi,
What do you think? I personally think the articles need some kind of separation, a border around them or a line between them.
You can achieve the same "separated container" look from the reference site by going to Appearance > Customize > Layout > Container and set the Content Layout to "Separate Containers".
https://share.getcloudapp.com/KouZOgKx
If you wanna replicate the sidebar position as well, you can go to Appearance > Customize > Layout > Sidebars and change the Blog sidebar layout to "Content/Sidebar" so the sidebar is on the right, similar to the reference.
Hi,
it is ok the way it is now: https://www.capeach.eu/blog/
I only would like to add a border around each article or a line between the different articles. Is that possible?
Thanks in advance!
Kind regards, Sofie
Try this CSS:
body:not(.single-post) article:not(:last-child) .inside-article {
border-bottom: 1px solid #ccc;
}
Works splendid, thanks a lot, David!
Me happy :-)
Glad to hear that :)