blog post site: better UX for navigate left/right to other posts

2 hours ago, Matt-W-Urst said:

Hi together,

My CSS knowledge is probably too small, which is why I would like to ask for your valuable advice.
My issue is: Within a blog post I find the navigation to the previous/next blog post not so good. This navigation is at the bottom of each post and is not inviting enough, I think, to press them and discover the posts. (See screenshot)

I would like to change that. And preferably like on my previous page:

1. There were arrows on the right and left of the screen that led to the neighboring blog posts
2. these were positioned in the middle and sticky
3. to make a blog post stand out from the rest of the page, there should be a white frame around the actual content. Just like on the old site

 

 

To perhaps better understand, visit my current SqS blog page and my old one. New: https://www.sanfilippo.design/projekte/webdesign-medizintechnik-herstellerOld: https://dev.sanfilippo.de/projekte/webdesign-medaspis

I would be so thankful for any help and Advise.
Thank you!

Add these code on Custom CSS panel in Website > Utilities > Website Tools > Custom CSS.

#itemPagination .pagination-title-wrapper {
    display: none !important;
}
#itemPagination .item-pagination-icon {
    padding: 0 !important;
    height: 18px !important
}
#itemPagination .item-pagination-link .item-pagination-icon svg{
    height: 18px !important
}

#itemPagination .item-pagination-link {
    width: 45px;
    height: 45px;
    justify-content: center;
    align-items: center;
    background: #fff;
    border-radius: 100%;
    position: fixed;
    z-index: 99999;
    left: 10px !important;
    top: 50% !important;
    transform: translateY(-50%);
    border: 1px solid #333;
}
#itemPagination .item-pagination-link.item-pagination-link--next{
    left: auto !important;
    right: 10px;
}