Home Forums Support Blog

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #1634475
    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

    #1634604
    David
    Staff
    Customer Support

    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.

    #1634666
    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?

    #1634959
    Elvin
    Staff
    Customer Support

    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.

    A wise man once said:
    "Have you cleared your cache?"

    #1635303
    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

    #1635449
    David
    Staff
    Customer Support

    Try this CSS:

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

    Works splendid, thanks a lot, David!

    Me happy ๐Ÿ™‚

    #1635728
    David
    Staff
    Customer Support

    Glad to hear that ๐Ÿ™‚

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.