Background image to be clickable link


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

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


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

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

    var link  = '';
    var title = 'Spotify';
    $('body').prepend('<a class="fullpage-link" href="'+link+'" title="'+title+'">'+title+'</a>');

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;


Perfect, thanks

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

You’re welcome!

Your site URL removed.


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.