Jump to content

Use alternate logo on three pages using Nolan template

Recommended Posts

  • Replies 4
  • Views 368
  • Created
  • Last Reply

Your code is jQuery, not CSS. You need to insert jQuery at Page Settings > Advanced > Header. Each page has page header

Also, you need to declare this line to before above code, unless above code won't work.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>

 

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!)

Link to comment

Hi,

thanks for your suggestion. I tried entering the two parts of code per your suggestion, but I'm still not seeing the alternate logo. It's very likely that I'm doing it wrong. Here's what I pasted into the page header code injection page:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script>
$(function(){
  $(".Header-branding-logo, .Mobile-branding-logo").attr("src","https://static1.squarespace.com/static/5e1e35cbfb18fe3a6420bce5/t/5e90d741d7b18d59e3b5b2fb/1586550593681/17x_logo_transparent_orange.png");
});
</script>

Thoughts? 

Link to comment

Remove above and Use this code

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script>
  $(document).ready(function() {
	$(".header-title-logo img").attr('src','https://static1.squarespace.com/static/5e1e35cbfb18fe3a6420bce5/t/5e90d741d7b18d59e3b5b2fb/1586550593681/17x_logo_transparent_orange.png');
});
</script>

 

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!)

Link to comment

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.