Q: Why does the BGS/RBVG overlay my content?

A: Mostl likely, you are publishing the module in a module position within a relative positioner main container


This issue can happen if you are using a template that uses a relative positioned main container, like e.g. Artisteer or Rockettheme.
If you publish the module in a module position within the main container, the module cannot set itself correctly in the background.

The solution to this issue is to use another module position.
In Rockettheme templates, you can use the debug or analytics position.
For Aristeer based templates, you can use the debug module position, if available. If not, you should create a optimal module position as described in our tutorial.

Additionally, for Artisteer templates, you need to remove the background property from the id art-main.
Due to this non-transparent background, the module might be inivsible.

To remove the background property from the Artisteer main container, do this:

In your templates's CSS file, find the ID #art-main, within this ID, you should see a background property similar to this:

background: #fff url(images/image.jpg);

edit this background property so that it looks like this:

background: none;

save the CSS file and take a look at your site's frontend where you published the module, it should now be displayed correctly.

2024-03-22