move portfolio pagination arrows inline with page header block

Site URL: https://www.jennbutterworthinteriors.com/portfolio/modern-coastal

Hi, Hoping someone can help with some css. I'm using SS7.1

1. I'm trying to move the portfolio pagination arrows from the bottom of the page to the top but inline with the page title. 

2. I'm also trying to reduce the amount above the top of the logo

Hopefully those both make sense. 

#2. Add to Design > Custom CSS

div#wm-subnav {
    display: none !important;
}

#1. 

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

@tuanphan thank you so much. Both worked. The moving the pagination up to the top - I was wondering if there was a way to write the css to have the arrows be inline with the page title?

On 8/22/2022 at 1:00 AM, JBint said:

@tuanphan thank you so much. Both worked. The moving the pagination up to the top - I was wondering if there was a way to write the css to have the arrows be inline with the page title?

You can adjust padding top value in this code

body.collection-5eabf92615e0104404382757 section.item-pagination.item-pagination--prev-next {
    padding-top: 0;
    padding-bottom: 5px;
}

Is there a way to apply this to the pagination on the "video detail page" (Video Page)?

Or alternatively, to reduce the amount of space between the video meta and the pagination? Or move just arrows to the left and right of the video?

Sharing the existing pagination placement.

Many thanks!

On 3/25/2023 at 4:20 AM, ScoutMedia said:

Is there a way to apply this to the pagination on the "video detail page" (Video Page)?

Or alternatively, to reduce the amount of space between the video meta and the pagination? Or move just arrows to the left and right of the video?

Sharing the existing pagination placement.

 

Many thanks!

 

Can you share link to video detail page?

https://mandarin-poodle-dg32.squarespace.com/ PW test

Go to Work>Film and select any video.

Many thanks!

On 3/30/2023 at 9:52 PM, ScoutMedia said:

https://mandarin-poodle-dg32.squarespace.com/ PW test

Go to Work>Film and select any video.

 

Many thanks!

You can add this to Design > Custom CSS to reduce space

/* video detail - space pagination - content */
.lesson-details {
    margin-bottom: 0px !important;
}

Worked! Many thanks!