[Resolved] Blog

[Sofie]

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

[David]

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.

[Sofie]

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?

[Elvin]

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.

[Sofie]

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

[David]

Try this CSS:

body:not(.single-post) article:not(:last-child) .inside-article {
  border-bottom: 1px solid #ccc;
}

[Sofie]

Works splendid, thanks a lot, David!

Me happy 🙂

[David]

Glad to hear that 🙂

[Author]

Posts