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!

For some reason this didn't work for my site. Any chance you'd be able to give it a look?

URL: https://www.dbender-creative.com/workplace/research

@tuanphan - I've got another one I could use your help with if you've got the time. 🙂

On 5/25/2023 at 12:43 AM, BenderDC said:

For some reason this didn't work for my site. Any chance you'd be able to give it a look?

URL: https://www.dbender-creative.com/workplace/research

Use this new code for your site

/* Move portfolio pagination to top */
body.collection-644979913ea68148e08f8156.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-644979913ea68148e08f8156.view-item section.item-pagination.item-pagination--prev-next {
    padding-top: 20px;
    padding-bottom: 5px;
}
  body.collection-644979913ea68148e08f8156.view-item #page section:first-child {
    padding-top: 10px !important;
}