Background Ad has no 'Hover' icon to indicate link

Hi,

We’re currently using Newsmag 1.5 for our site and have successfuly configured the theme to show a background / takeover ad plus working link. However, it’s not clear to any user that the background is clickable as the mouse cursor doesn’t alter to indicate the background is a link.

We’ve tried to workaround this by using a Background Takeover plugin (https://99robots.com/products/wp-background-takeover-advertisements/) which does what we need and support the cursor change, but it seems that the CSS layers in Newsmag are conflicting with this and defeating the cursor change.

My questions are:

1) Is there any way to defeat / disable the NewsMag CSS / code to allow this cursor change to function with this plugin.
2) Can this be achieved purely with NewsMag with a code change or hack?

Thanks for your help, this one has unfortunately become somewhat urgent.

Beta site: http://beta.roadtovr.com (currently plugin emabled)

Paul

Hi

To change the mouse cursor for the background-image such that to indicate that is a link try this custom css in theme panel > custom css:

body {
cursor: pointer!important;
}
.td-top-menu-full, .td-header-container, .td-container, .td-sub-footer-container{
cursor: default!important
}

Let me know how it goes.
Thanks!

Hi Andrei,

Thanks so much for your prompt response and sorry for my delay in returning the favour.

This worked perfectly, thanks so much for your help on this issue.

Paul

Hi there. Digging up this old thread as it looks as if this seemingly excellent solution may not work quite as we expected.

It seems that the background ad ‘click’ works only on the front page of the website (http://www.roadtovr.com) – but move to any other page or article, and no background click through works. Can anyone help us out – this is pretty urgent.

Thanks

Seems this is limited to all templates with the large feature image. On those pages, although the td_site.js loads, the event listener seems dead and clicking the ‘background’ portions of the screen don’t fire what looks to be the BG ad onclick handler:

//click only on BACKGROUND, for devices that don’t have touch (ex: phone, tablets)
if(!td_detect.is_touch_device && td_ad_background_click_link != ”) {

Hope that helps add more detail to our issue.

Hi thanks for the reply,

We ended up switching our default template out as we noted above that 2 article templaes (those without large feature images) work fine. Check this link, using the video feature template for an example of one still not working:

http://www.roadtovr.com/altspacevr-social-week-sept-14-21-promises-week-new-feature-reveals/

I traced through the JS and ‘click’ events last night and it seems that a check in td_site.js prevents the link action due to the CSS tag on the page in question:

if(jQuery(target).hasClass('td-content-wrap')) {


IF this is removed temporarily, those clicks work but of course then allow clicks to function anywhere on the page which is not what we want.

I hope that helps.

And to be clear, yes this is just related to non mobile browsers.

Hi,

We’ve implemented it precisely how you describe, I went through your documentation again as you linked and everything is set as described – we’re not using any custom methods to do this. Why did you think we were implementing a custom method?

This is becoming a little urgent now, so I’d appreciate any comment on the details I shared above.

Our settings as they appear in the back end:

http://www.screencast.com/t/zVAFjdBWguev

http://www.screencast.com/t/awtOqIWv

I’m still confused as to what you mean by ‘custom method’.

Hi. Sorry for the delay but I’ve now sent the details you need via email as instructed. Let me know if you have trouble getting on.

HI

Replied you via email.
Thanks!