Portfolio Pagination – Sync Color with Footer

Description

change portfolio pagination to one columns, sync pagination background with footer background color
view demo – password: abc
buy me a coffee

#1. Install Code

#1.1. Click Gear icon on Portfolio Page

#1.2. Click Advanced > Paste this code

If you use Personal/Basic Plan and your plan doesn’t support Injection, see #3.1

<!-- 08.26c16v2 Portfolio Pagination - Sync Color with Footer -->
<script>
window.NextProjectPaginationConfig = {
  nextLabel: "Next Project",
  prevLabel: "Previous Project",
  titleColor: "#ffffff",
  linkMarginBottom: "3vw"
};
</script>
<script src="https://code.beaverhero.com/portfolio/0826c16v2portfoliopaginationsyncfooter.js"></script>

#2. Customize

#2.1. To change next, previous project text, change line 04, 05

nextLabel: "Next Project",
prevLabel: "Previous Project",

#2.2. If you need to tweak more you can use this AI Assistant (designed for Squarespace sites)

#3. Other

#3.1. If you use Personal/Basic Plan and your plan doesn’t support Injection, you can edit Site Footer

Add a Markdown Block

Add this code into Markdown

<script>
window.NextProjectPaginationConfig = {
  nextLabel: "Next Project",
  prevLabel: "Previous Project",
  titleColor: "#ffffff",
  linkMarginBottom: "3vw"
};
</script>
<script src="https://code.beaverhero.com/portfolio/0826c16v2portfoliopaginationsyncfooter.js"></script>