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

Adding second logo on left side of header


kotteburn

Question

  • Answers 11
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Posted Images

11 answers to this question

Recommended Posts

  • 0
On 3/3/2021 at 3:33 AM, kotteburn said:

Password is 'keukeleire'

Add to Settings > Advanced > Code Injection > Header. Disable Ajax Loading if the code doesn't work (Design > Site Styles)

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
  $(document).ready(function() { 
		$('<img src="https://cdn.pixabay.com/photo/2021/02/07/09/11/sunset-5990540__340.jpg" class="t-img"/>').appendTo('[data-nc-container="left"]');
	});
</script>
<style>
  img.t-img {
    width: 70px;
}
</style>

image.thumb.png.2316a4da7979a2ef880c82d32c878955.png

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
  • 0
On 3/12/2021 at 5:05 PM, kotteburn said:

This worked beautifully in adding the logo -thanks so much. Is there a way to make it a clickable link to another URL (https://www.kuleuven.be/kuleuven/)? 

Hi. Remove above & use this new code

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
  $(document).ready(function() { 
		$('<a href="https://www.kuleuven.be/kuleuven/"><img src="https://cdn.pixabay.com/photo/2021/02/07/09/11/sunset-5990540__340.jpg" class="t-img"/></a>').appendTo('[data-nc-container="left"]');
	});
</script>
<style>
  img.t-img {
    width: 70px;
}
</style>

 

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
  • 0

Strangely this did not work. The image is still not clickable. Do you have any possible ideas?

 

This is what I used:

 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
  $(document).ready(function() { 
        $('<a href="https://www.kuleuven.be/kuleuven/"><img src="https://stijl.kuleuven.be/releases/latest/img/svg/logo.svg" class="t-img"/></a>').appendTo('[data-nc-container="left"]');
    });
</script>
<style>
  img.t-img {
    width: 200px;
}
</style>

Link to comment
  • 0
On 10/4/2021 at 9:33 AM, Lalat said:

Not working on my website my website is 

https://strawberry-raspberry-3kmm.squarespace.com

password:HinLim

Your template needs a different code. Use this new code

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
 $(document).ready(function() { 
		$('<a href="https://www.kuleuven.be/kuleuven/"><img src="https://cdn.pixabay.com/photo/2021/02/07/09/11/sunset-5990540__340.jpg" class="t-img"/></a>').appendTo('#logo .logo.image');
	});
</script>
<style>
  img.t-img {
    width: 70px;
}
  #logo .logo.image {
    display: flex;
    align-items: center;
}
</style>

 

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
  • 0
On 10/6/2021 at 10:12 AM, tuanphan said:

Your template needs a different code. Use this new code

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
 $(document).ready(function() { 
		$('<a href="https://www.kuleuven.be/kuleuven/"><img src="https://cdn.pixabay.com/photo/2021/02/07/09/11/sunset-5990540__340.jpg" class="t-img"/></a>').appendTo('#logo .logo.image');
	});
</script>
<style>
  img.t-img {
    width: 70px;
}
  #logo .logo.image {
    display: flex;
    align-items: center;
}
</style>

 

@tuanphan Would you be able to help do the same with my template header? Site is: Warner-stores.co.uk

 

Thank you so much

Link to comment
  • 0
On 10/21/2021 at 9:50 PM, louis1996 said:

@tuanphan Would you be able to help do the same with my template header? Site is: Warner-stores.co.uk

 

Thank you so much

Hi,

The url doesn't work. Can you check it again?

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

Create an account or sign in to comment

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


×
×
  • Create New...