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 7
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Posted Images

7 answers to this question

Recommended Posts

  • 0

Hi. What is access password?

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care - Learn CSS - Custom Popup - Testimonial Slider

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

Link to comment
  • 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.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care - Learn CSS - Custom Popup - Testimonial Slider

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

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.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care - Learn CSS - Custom Popup - Testimonial Slider

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

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

Add this to Design > Custom CSS

/* Make left logo clickable */
[data-nc-container="left"] a {
    z-index: 9999;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care - Learn CSS - Custom Popup - Testimonial Slider

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

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