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

Header Logo Link for Specific Pages

Question

Posted (edited)

I've seen a similar question asked around the forums, but I think my situation is a little more complicated which is why I haven't gotten anything to work correctly. I am also using the Skye template.

I have two blogs, and for each blog I have set a unique logo in the header. Ideally, I'd like each unique logo to direct to a specific blog post. For example, the Wild Moon logo, when clicked, should go to the "Welcome to Wild Moon" post. I'm not sure how to implement a different link around the new logo, if it's even possible. The logo code is in the header section as such - 

Quote

<style>
.logo-image img
 {
 content:
url("https://blahblahblahlogo.jpeg");

 }
</style>

 

Edited by lisaxhearts

Share this post


Link to post

10 answers to this question

Recommended Posts

  • 0
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script>
<script>
$(document).ready(function() {
	$('.logo-image a').attr('href','https://jellyfish-earthworm-6ny7.squarespace.com/wild-jam-blog/welcome-to-wild-jam');
});
</script>

 


You can send your question to my email to get faster answer.

How to Setup Password & Share URL  Armadillo - Free portfolio template

Share this post


Link to post
  • 0

Add to Page Settings > Advanced > Header

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script>
<script>
$(document).ready(function() {
	$('.site-title a').attr('href','https://beaverhero.com');
});
</script>

replace beaverhero with your blog page url


You can send your question to my email to get faster answer.

How to Setup Password & Share URL  Armadillo - Free portfolio template

Share this post


Link to post
  • 0

Oops. Moved the </style> but it still doesn't want to work.

<style>
  .logo-image img
 {
 content: url("https://static1.squarespace.com/static/5f074ad37551af380fecaa89/t/5f248d886dd338649fdf75be/1596231048241/WildMoonWildJam.flair.v4.transparent-02.png");
 }
</style>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script>

<script>
$(document).ready(function() {
	$('.site-title a').attr('href','https://jellyfish-earthworm-6ny7.squarespace.com/wild-jam-blog/welcome-to-wild-jam');
});
</script>

 

Share this post


Link to post
  • 0
15 hours ago, lisaxhearts said:

Oops. Moved the </style> but it still doesn't want to work.


<style>
  .logo-image img
 {
 content: url("https://static1.squarespace.com/static/5f074ad37551af380fecaa89/t/5f248d886dd338649fdf75be/1596231048241/WildMoonWildJam.flair.v4.transparent-02.png");
 }
</style>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script>

<script>
$(document).ready(function() {
	$('.site-title a').attr('href','https://jellyfish-earthworm-6ny7.squarespace.com/wild-jam-blog/welcome-to-wild-jam');
});
</script>

 

Can you share link to page where you inserted the code?


You can send your question to my email to get faster answer.

How to Setup Password & Share URL  Armadillo - Free portfolio template

Share this post


Link to post
  • 0
9 hours ago, lisaxhearts said:

Use this code

<script>
$(document).ready(function() {
	$('.logo-image a').attr('href','https://jellyfish-earthworm-6ny7.squarespace.com/wild-jam-blog/welcome-to-wild-jam');
});
</script>

 


You can send your question to my email to get faster answer.

How to Setup Password & Share URL  Armadillo - Free portfolio template

Share this post


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...