[Plugin: Background Manager] Background linking

Hi!

In this case, the theme interferes by covering the click-able area with (invisible) elements.

This can be solved using the “Custom Stylesheet” option for the Image Set you are using, by adding the following CSS in that field:

#header,
#mainmenu,
#container,
#footer {
  width: 980px;
  margin: 0 auto;
}

Excellent! Works great! I noted in other topics that the link to a new window and the header area not working; are these still known issues? Cause they’re not working right for me. ??

Great! ??

Opening the links in a new window can be controlled using the Clickable Backgrounds option under the Miscellaneous heading (near the bottom of the Settings page).

As for the header areas, they cannot be clickable for the same reason one couldn’t click the background earlier on your website; it is covered by elements – unfortunately this is a limitation of browsers.

hm, that’s weird, I do have that selection ticked for new window opening. Perhaps it’s getting a conflict with the theme itself.

Hey it’s me again. Since I’ve updated to your new release the background link doesn’t work again. It’s definitely my theme, as I’ve tried it with other themes and it works. Any ideas? https://www.happeningnearyou.com/

Thanks ??

Hi again ??

If you look at the HTML source of the page, you will see that just before the body tag, there’s a stray <div id="container">. Although it’s not valid before the body tag, a browser (like Chrome) may still interpret it. Removing it (likely in the theme’s header.php file) will fix it.

You are good!! Thank you so much!! I had been troubleshooting for quite a while.

Hey there

Great plugin! I am also having a problem with links not working in the backround. I have been through the forum and tried the various suggestions. The site is https://tidsfordriv.com

Hi 1two3!

You can use the following Custom Stylesheet:

.wrapper {
  width: 980px;
  margin: 0 auto;
}

Now, doing this will also reduce the width of your header and footer, which currently spans the entire width of browser window. It’s best to move the header/footer outside the wrapper div element. However, with some additional styling, this can also be accomplished with CSS:

.header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.main_nav {
  position: absolute;
  top: 120px;
  left: 0;
  width: 100%;
}
#container {
  margin-top: 163px;
}
#bottom {
  position: absolute;
  left: 0;
  width: 100%;
}

and another one with the same issue, the bg linking only works in a tiny horizontal stripe right above the footer ??
the website I’m building right now is
fashionfights.de
I randomly tried some solutions from this board and

#wrapper {
  width: 980px;
  margin: 0 auto;
}

kinda works, but it also destroys the header’s styling, also the clickable area isn’t the whole bg, the vertical area where the header is bigger than the content is still not clickable.

happy to donate you 20 bucks or something if you can help me get this to work.

edit:

oh, and another minor issue is that while the BG is clickable, under FF the mouse cursor doesn’t change to that hand indicating it’s a link when hovering above it – under chrome it does though.

Thank you Myatu

Very much appreciated

@tanjungpinang: In your case, the wrapper needs to be 948px wide, and include a “min-width: initial;”. However, the header would need to be moved outside the wrapper, like the toppanel, as it cannot be fixed easily with CSS.

thanks – I don’t know how to do that, but I’ve asked the theme’s author for help on that, hopefulle he’ll respond soon.

Is the mouse cursor “problem” under firefox related to this? I don’t imagine it is tbh.

Also, setting the margin to 948 and adding min-width: initial; does make the bg clickable right to the content in Chrome but does nothing under FF or IE. I guess it’s possible that is because I only have half of the solution right now though, so will see how it looks like once the header is out of the wrapper

This worked great for awhile but now it seems to have come up again where the background linking isn’t working. Is it a 3.4.2 compatability issue?

https://www.fandompost.com/2012/06/15/toriko-episode-58-anime-review/

Hi there

There is a lot of activity on the forums templatic forums to get Background Manager click-able on https://templatic.com/demos/geoplaces4/

Any suggestions would be greatly appreciated.

Thank you