Ok - so you are using a DOM element - but you using one we created which we have already hidden.
So the way to do this is is for you custom html module(s) wrap them the content within a div with an ID:
<div id="mymodule1">
.... your module content ...
</div>
And publish them to (say) debug position and give them a module class suffix of " nomarginall nopaddingall".
Then you hide them from view in the debug position by the use of CSS:
#rt-debug #mymodule1 {
display: none;
}
Now you just change your rokbox link to use "#mymodule1" instead of "#rt-popupmodule"
Give that a whirl.
This is how to create a custom CSS compatible with Gantry 4...
Simply create a file called "<TEMPLATENAME>-custom.css" and put this file in the CSS folder of the template (where <TEMPLATENAME> is the name of the template as seen in template manager e.g. rt_iridescent would be rt_iridescent-custom.css). GANTRY4 will automatically load this CSS file. If you wish, you can also have browser specific files by appending, for example, "-ie9" making the filename "<TEMPLATENAME>-custom-ie9.css"
Regards, Mark.
The following users have thanked you: bobjenson