blogpost page - to separate single posts

Home › Forums › Gillion Theme › blogpost page – to separate single posts

Home › Forums › Gillion Theme › blogpost page – to separate single posts

Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    RESOLVED Posts

  • js
    Participant

    Hi,

     

    I wonder how to achieve to separate single posts on the blog page with a line?

     

    Best regards,
    Jürgen

    Shufflehound Support
    Moderator

    Hi Jürgen,

     

    I hope you are well today and thank you for your question.

     

    I am not sure exactly what you are trying to achieve so could you please describe it a bit more in detail so that I can help you?

     

    Best regards,
    Shufflehound team

    js
    Participant

    I simply want to separate on the blog page the posts with a line or a small space. Hope it comes across what I want.

     

    Best regards,

    Jürgen

    Shufflehound Support
    Moderator

    We can achieve this developing custom CSS code.

     

    Could you please share me the page URL from your site where it is displaying so that I can help you to achieve it?

    js
    Participant

    Good morning,

     

    Thank you. The site isn’t yet live. So please use the admin incredentials. The pages where it should displaying are the landing page, category and sub-category pages.

     

    Best regards,

    Jürgen

    Shufflehound Support
    Moderator

    You can achieve it by adding the following CSS code in the Custom CSS code option of your theme on the below path.

     

    Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code

     

    .archive .sh-group.blog-list article .post-container,
.home .sh-group.blog-list article .post-container {
    border-bottom: 1px solid #ece8e8;
    padding-bottom: 25px;
}

.archive .sh-group.blog-list article,
.home .sh-group.blog-list article {
    margin-bottom: 20px;
}

    js
    Participant

    Great. Thank you.

    js
    Participant

    Sorry, I was to quick. While testing it came up that ‘margin’ and ‘padding’ doesn’t work properly with the pagination typ ‘load more’  and ‘infinite loading’. How can I achieve that?

     

    Best regards,

    Jürgen

    Shufflehound Support
    Moderator

    Could you please tell me what you meant by “doesn’t work properly with the pagination typ ‘load more’  and ‘infinite loading’”?

    js
    Participant

    As I mentioned ‘padding’ and ‘margin’ are different i.e. smaller than on the first side of the landing page.

     

    Best regards,

    Jürgen

    Shufflehound Support
    Moderator

    You can change it in the shared CSS code or use the Yellow Pencil editor to change it as described in the following page.

     

    https://support.shufflehound.com/how-to-change-almost-any-element/

    js
    Participant

    Thank you. But don’t fully understand. How can I change it with shared CSS code?

    Shufflehound Support
    Moderator

    You have to develop more custom CSS code.

     

    If you are not a developer then you can consider hiring a developer to develop it for you. You can hire a developer from any freelance site. Shufflehound recommends the developer https://www.upwork.com/freelancers/~011652ffec8865c6d5

    js
    Participant

    Thank you. Understand.

    Shufflehound Support
    Moderator

    You are most welcome here 🙂

  • Author
    Posts
Viewing 15 posts - 1 through 15 (of 15 total)