Move portfolio pagination above or to the side of content

Site URL: https://parsnip-emu-fs7r.squarespace.com/paintings/winter-bush-and-snowdrift

Hello,

I would like to move the portfolio pagination that is currently way at the bottom of the page (and impossible to find for most visitors to the site) up to the top, or ideally, I would simply like to have scrolling arrows (with no titles) at the side of the portfolio images so that one can easily click through items. How can I accomplish this? 

Thank you.

On 4/27/2022 at 12:06 AM, BBmt said:

Site URL: https://parsnip-emu-fs7r.squarespace.com/paintings/winter-bush-and-snowdrift

Hello,

I would like to move the portfolio pagination that is currently way at the bottom of the page (and impossible to find for most visitors to the site) up to the top, or ideally, I would simply like to have scrolling arrows (with no titles) at the side of the portfolio images so that one can easily click through items. How can I accomplish this? 

Thank you.

Hi,

Add to Design > Custom CSS

/* Move portfolio pagination to top */
body.collection-62129c560e6b7b087d32985f.view-item main#page {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    padding-top: 100px;
}
  body.collection-62129c560e6b7b087d32985f.view-item section.item-pagination.item-pagination--prev-next {
    padding-top: 0;
    padding-bottom: 5px;
}
  body.collection-62129c560e6b7b087d32985f.view-item #page section:first-child {
    padding-top: 10px !important;
}

Thank you so much, that worked perfectly!