Quote:
the problem is that the background image is only visible on the sides - left and right - and I wouldn't want people to be redirected to that specific link when they click on something that's NOT the background image.
Effectively, you need to intercept the click events on anything inside the body, and stop them from propagating to the body itself. Using jQuery:
$("body").click(function(){
window.open(...);
});
$("body > *").click(function(e){
e.stopPropagation();
});
Demo[
^]
NB: You'll need to make sure the body always fills the height of the window, even if the page content is short:
body {
min-height: 100vh;
}
Also note that the margins between elements can create gaps which will be clickable. If you want to avoid that, you'll need to wrap your non-clickable content in another element.