JBint Posted August 20, 2022 Share Posted August 20, 2022 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. Link to comment
tuanphan Posted August 21, 2022 Share Posted August 21, 2022 #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; } JBint 1 Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
JBint Posted August 21, 2022 Author Share Posted August 21, 2022 @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? Link to comment
tuanphan Posted August 24, 2022 Share Posted August 24, 2022 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; } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment