Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

7.1 Portfolio Hover Background - custom project links


Adaptive

Question

Site URL: https://fish-sailfish-58dj.squarespace.com/

How can I change the project links on a 7.1 Hover Background Portfolio to custom links? 

I want the project titles on this page https://fish-sailfish-58dj.squarespace.com/home2

To go to https://fish-sailfish-58dj.squarespace.com/weddings etc

I have tried adding <a href="weddings">weddings</a> to the project title but it kills the styling and the hover effect.

I have also tried URL mapping from /home2/weddings to /weddings but that doesn't work either 

The password is Golcar for the test site

 

Link to post
  • Answers 3
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Posted Images

3 answers to this question

Recommended Posts

  • 0

@Adaptive

Is this the result you're after? If so you can add this code to your code injection.

image.thumb.png.5142c0e2da95aedaf8738749d14044bc.png

 

<script>
(function(){
	window.addEventListener('load', function() {
	var portfolioLinks = document.querySelectorAll('.portfolio-hover-items-list a');
    portfolioLinks.forEach(item => item.href = item.href.replace(window.location.pathname,''));
})

})()
</script>

 

Philadelphia, PA

👉 Squarespace Tutorials 

Chat/Message on FB Messenger for quickest responsehttps://m.me/dejaegherryan

 

Link to post
  • 0

Trying to do this exact thing. Did you ever figure out how to redirect the portfolio links? I'm not quite sure what to edit/customize in the coding suggestion above to get the desired effect.

Thanks!

Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...