[Resolved] Blog page blocks

Home Forums Support Blog page blocks

  • This topic has 9 replies, 2 voices, and was last updated 3 years ago by Leo.
Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #394869
    Sebastián

    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!

    GeneratePress 1.4
    #395050
    Leo
    Staff
    Customer Support

    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?

    #395533
    Sebastián

    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

    #395535
    Sebastián

    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

    #395623
    Leo
    Staff
    Customer Support

    Try this:

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

    That was what I was looking for! Thanks

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

    #395629
    Sebastián

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

    #395884
    Leo
    Staff
    Customer Support

    Try this:

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

    Excellent thanks!

    #396074
    Leo
    Staff
    Customer Support
Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.