Jump to content

Change Logo Colour on Certain Pages

Recommended Posts

If you want the logo to be black on those pages, here's an easy tutorial from Christy Price for inverting the color without having to upload a new logo image (find the code for your template family).

If you need it to be a color other than black, you'll need to upload an image and inject code to swap it out; check out this tutorial from Mary Philip or search the forum's existing posts (this has been answered lots of times so you're sure to find what you need).

Link to comment

Add this code to FAQ Page Header

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
$(document).ready(function() {
	$('.header-title-logo img').attr('src','https://cdn.pixabay.com/photo/2020/12/10/10/17/jasper-national-park-5819878__340.jpg');
});
</script>

Replace pixabay with new image url

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 1 month later...

Create an account or sign in to comment

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

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