Background image to be clickable link

Hi,

I’m creating a website for a friend for a music project.

You’ll see that this is simply a background image in view at this stage. I’d like to incorporate a Spotify link that upon clicking will launch spotify app on a mobile device or at least link to www.spotify.com website.

Is there a way I can make the background image a link or a portion of the background a link?

Thanks

Hello there,

Please try doing these steps:

  1. Install and activate the TC Custom JavaScript plugin
  2. Go To Appearance > Custom JavaScript
  3. Paste the following code into the provided box

(function($){
      
  if( $('body').hasClass('home') ) {

    var link  = 'https://www.spotify.com/';
    var title = 'Spotify';
    $('body').prepend('<a class="fullpage-link" href="'+link+'" title="'+title+'">'+title+'</a>');
        
  }
    
})(jQuery);

Supply your link and title in the link and title variables in the code above.

  1. Update
  2. Add this CSS code to Appearance > Customize > Additional CSS:

a.fullpage-link {
  display: block;
  width: 100%;
  height: 100vh;
  border: 1px solid green;
  text-indent: -999px;
}

Regards,
Kharis

Perfect, thanks

Please can a moderator remove the URL from my first post?

You’re welcome!

Your site URL removed.

Regards,
Kharis

Thank you

You’re welcome!

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis