WordPress › Support » Background Manager Links not Working

velouk
Member
Posted 3 months ago #

I have been through the pages here and seen that many have the same problem as I do but not yet found a solution that works with my website.

I am able to add a background image with no plugin by using this custom code into the themes Custom CSS box:

{
background: url(http://www.velouk.net/wp-content/uploads/2013/02/2013_VeloUK_BackgroundImageR_05.gif) no-repeat top center; #000;
}

But what I need is the link for the background to work.

The website is: http://www.velouk.net/

The Background Manager plugin is great and I have managed to see a lot of the functions working but the key feature, that of a clickable background does not.

Have tried adding a normal url such as https://twitter.com/AussieLarry to the

Clickable Backgrounds is ticked in Settings.
The Background Image Link box has had the URL added in the settings for a 'set'.

The site theme is Bold News by Woo Themes.

http://wordpress.org/extend/plugins/background-manager/
velouk
Member
Posted 3 months ago #

PS. the host is using PHP 5.3.21 which I understand is fine for this plugin.

Larry Hickmott
myatu
Member
Plugin Author
Posted 3 months ago #
Hi!

The common issue is that there is an "invisible" HTML element that covers the entire screen - you can see through it, but user actions that happen behind it, such as a background click, cannot occur. And this is also happening in your case.

This is usually resolved with margins. You should be able to solve it by adding the following code to the Image Set's "Custom Stylesheet" box:
```
#wrapper {
  width: 940px;
  margin-left: auto;
  margin-right: auto;
}
```
Hope this helps
velouk
Member
Posted 3 months ago #

Thank you from the bottom of my heart!!!

One issue (minor!) is in one browser, Chrome, it tried to open as a 'popup' and failed as those are blocked on my browser. I changed the setting and it now opens a new window. Any solution to that as many users will have popups blocked?

Will now explore and make a donation for what is an excellent plugin.

Larry
myatu
Member
Plugin Author
Posted 3 months ago #

I will have a look into this, as this may have to do how BGM opens the link for the user. Was the link to a third party website, or within your own website/domain?
velouk
Member
Posted 3 months ago #

The link was to an external website, my twitter page. As I said, minor but could be a problem for those blocking pop ups with Crhrome. What a mine field with different browsers, themes and so much more.

Good luck and thanks.
Larry
Ajoyshop
Member
Posted 3 months ago #

Trying to make my background clickable. Tried the wrapper code in the custom stylesheet area but still no luck:

#wrapper {
width: 940px;
margin-left: auto;
margin-right: auto;
}

Here's the website I'm testing it on:

http://www.bagogames.net/wii-u/

The Production site is:

http://www.bagogames.com
myatu
Member
Plugin Author
Posted 3 months ago #
Hi Ajoyshop!

The code you've used depends on the theme used, and cannot be universally applied.

In your case, there's a DIV element with ID omc-transparent-layer that appears to be interfering. Additionally, you are using a fluid theme, so this may need some extra code. Try the following:
```
@media only screen and (min-width:1024px) {
  #omc-transparent-layer {
    width: 990px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media only screen and (min-width:768px) {
  #omc-transparent-layer {
    width: 720px;
    margin-left: auto;
    margin-right: auto;
  }
}
```
You have additional width settings, but based on the above, you should be able to apply this to them as well.
Ajoyshop
Member
Posted 3 months ago #

The Background is clickable now but it made it all funky. The site overlays the right side of the picture and the clickable area carries over on to the content. Any suggestions? Maybe the widths are off.

http://www.bagogames.net/wii-u/
myatu
Member
Plugin Author
Posted 3 months ago #

The order is incorrect, sorry. I would just leave the portion between @media only screen and (min-width:768px) { ... } out for now.
Ajoyshop
Member
Posted 3 months ago #

It seems to be working now. Thanks! What was the other part of the code for?
Ajoyshop
Member
Posted 3 months ago #

I put it up on my production site and now it's not working. Not sure what I'm missing.

http://www.bagogames.com/
Ajoyshop
Member
Posted 3 months ago #

Nevermind. Got it! Forget to change the image set!
giovannidjojowardi@gmail.com
Member
Posted 3 months ago #

Hi Myatu!

Small intruction, Dutch user of you plugin for my affilate/magazine-like blog.

Can't seem to get the links working. Tried the following:

- All the codes of the above
- Changing the px of the codes to either very wide or very narrow (2500 px and 100 px), did nothing for me really.
- Deactivating the plugin and activating again
- Removing my background before activating the plugin
- Made the url http://google.com/
- Cried
- Removed background glare and wrapper in theme css

Nothing worked, tried everything I'm capable off.
Hope you can help me out.

The link is http://www.heromen.net

Thanks in advance!

Gio
myatu
Member
Plugin Author
Posted 3 months ago #
Goedemiddag!

The Custom Stylesheet code that would work for your website is:
```
#art-main {
  width: 1000px !important;
  max-width: 1000px !important;
  margin-left: auto;
  margin-right: auto;
}
```
You may also need to add the following, if you notice that it only works at the top of the page, but not at the bottom:
```
body {
  height: auto;
}
```
giovannidjojowardi@gmail.com
Member
Posted 3 months ago #

Worked!!

You're my hero/jedi/ ninja!

Liked the dutch opening by the way, altough you probably wouldn't if you knew how it actually sounds haha

Anyway thanks again.

If i could be any help to you somehow -> gio@greymedia.nl

Cheers!

Gio
myatu
Member
Plugin Author
Posted 3 months ago #

Hi!

I'm glad it worked!

And I do know how it sounds: Geboren en getogen in Nederland ;)