SwissPhotographer Posted January 22 Posted January 22 I have several gallery pages with multiple photographs. By default the previous and next project link navigation appears at the bottom of each gallery. I would like to keep them at the bottom but also add them to the top of the gallery. Possible? thanks
tuanphan Posted January 23 Posted January 23 Yes. We can use code to duplicate it and add it to top. Can you share link to a page? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)
SwissPhotographer Posted January 23 Author Posted January 23 Thanks. Here is the link to one of my gallery pages: https://www.florencequinn.photos/galerie/lofoten
tuanphan Posted January 28 Posted January 28 Add this code to Website > Website Tools (under Not Linked) > Code Injection > Footer <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script> <script> jQuery(document).ready(function($){ $('.item-pagination[data-collection-type^="portfolio"]').clone().insertBefore('article>section:first-child .content'); }) </script> <style> article>section:first-child .content-wrapper { flex-direction: column; } </style> Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)
SwissPhotographer Posted January 30 Author Posted January 30 Thanks a lot. Unfortunately it seems that I would need to upgrade my subscription in order to enter codes.... 😞
tuanphan Posted February 4 Posted February 4 On 1/30/2024 at 7:44 PM, SwissPhotographer said: Thanks a lot. Unfortunately it seems that I would need to upgrade my subscription in order to enter codes.... 😞 Try edit Site Footer > Add a Block > Choose Markdown > Paste the code <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script> <script> jQuery(document).ready(function($){ $('.item-pagination[data-collection-type^="portfolio"]').clone().insertBefore('article>section:first-child .content'); }) </script> <style> article>section:first-child .content-wrapper { flex-direction: column; } </style> Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment