In a Portfolio page, can I redirect a specific sub-page image to a different standalone page

Hello, I am in the process of remaking the various sub-pages of my Portfolio page, and for now I'd like to redirect one of the image links (the second one, Level Up) to the standalone page /new-level-up-page.

Is there a way to accomplish this with CSS?

Thanks

19 minutes ago, aricdipiero said:

Hello, I am in the process of remaking the various sub-pages of my Portfolio page, and I'd like to redirect one of the image links (the second one, Level Up) to the standalone page /new-level-up-page.

Or alternately if there is any way to convert this new standalone page into a sub-page in the Portfolio, that would also work.

I'm trying to avoid having to rebuild the entire page manually inside the Portfolio.

 

Thanks

Can you share your site and share some screenshots of the result you want to achieve?

Hmm, I entered my site in the form field but I guess it doesn't copy over to the question.

The Portfolio page in question is: https://megandipierocoaching.com/workshops

I would like to redirect the second grid image to this standalone page: https://megandipierocoaching.com/new-level-up-page

On 10/19/2022 at 9:44 PM, aricdipiero said:

Hmm, I entered my site in the form field but I guess it doesn't copy over to the question.

The Portfolio page in question is: https://megandipierocoaching.com/workshops

I would like to redirect the second grid image to this standalone page: https://megandipierocoaching.com/new-level-up-page

Add this code to Last Line in Code Injection > Footer

<script>
  $(document).ready(function() {
$('a.grid-item[href="/workshops/level-up"]').attr('href','https://megandipierocoaching.com/new-level-up-page');
});
</script>