Responsive animation with background color that spans 100%

I've create a responsive animation with simple background colors. I'd loe for the background colors to bleed 100%, but can not seem to find a way to do it easily. I've actually had to layer two animations on top of each other and just js. (this site is in development: http://newsite.insightpd.com/what-we-do/ ) I'd love for the red and gray to go 100% while still being centered and staying responsive. What am I missing? Any advice would be greatly appreciated.
PS, I'm using the edge plugin for wordpress and am just uploading the aom file.
Thanks in advance for your help!

Did  you incorporate % widths during the creation of the animation?
Nice job btw
Also your template is using fixed widths for that section that houses the Edge Animate - you also need to adjust for % in your WP template css (see capture).

Similar Messages

  • How to add the text box with background color in Acrobat 9 Pro ? (Urgent)

    I have previously used the Callout tool to add the comments in a PDF file, but the comments were difficult to read as some of them were mixed with the pictures just shown below. Therefore , I hope that there's a tool that can create the box with background color, but I cannot find such tool. What should I do ? Hope to get the answer ASAP, as it's very urgent !
    P.S. The picture below is represent the problem: the comment are difficult to read.

    In the properties of the callout comment you can change the fill color.

  • Selective replace foreground-color with background-color

    Hi,
    I'm new to Photoshop and coming from paint shop pro (psp).
    Now I have to recolor a black dotted arrow in a bitmap to red.
    All other contents are black, too. In psp there is a tool/brush to
    replace foreground-color with background-color. So I'd select
    black as foreground-color and red as background-color, hover
    with cursor over the area to recolor and that's it.
    How to do it with Photoshop?
    Thanks in advance
    Jörg

    softmonauts wrote:
    Now I have to recolor a black dotted arrow in a bitmap to red.
    All other contents are black, too.
    Can you clarify this?  It sounds like you have a black arrow on a black background.

  • Iphoto 9.6.1 how do I leave pix space blank, filled in with background color

    I'm making a photo book using iPhoto 9.6.1  How do I leave pix space blank, filled in with background color?   I want half the page taken up with a picture and the other half colored in.

    There's actually an option to iPhoto Library Manager that makes this all almost work flawlessly (and work well enough for me). With the exception of Photo Albums that the pictures are part of, if you select "Library > Rebuild Library..." and then select "Scavange Orphaned Photos" check box, then it will put all the Photos and Movies into the "Scavanged Photos" album. It matches the modified pictures to their originals. It preserves all the event names and photo groupings. All the meta-data I could spot check it got right (although with 44k pictures, I only checked a few). If you fail to select this option, however, it will find no pictures at all when it goes to rebuild the library (this was true of the small test libraries I tried as well as the big, monster 280GB library I just finished converting). The conversion process took 5 hours to run, but in the end produced a library my new iPhoto can read and that I can interact with. I'll be suggesting to the iPhoto Library Manager folks a notation that would estimate the number of Orphaned Photos and display that number as a hint to the user that the option would be useful.
    Edited: Thanks to Old Toad and LarryHN for their help in finding which of the many options to transition this library to 9.5.1 I needed to use. Sorry if I took my frustration of the past several months out on you guys for generously trying to help me.

  • Help with Background Color

    Posting this for a second time -
    If I change the background color of my document, I can't see
    it, nor can I see the different fill colors of any symbols I add to
    Scene 1. The colors show fine when I run the movie. It is using the
    outline color to display all the objects on the work area whether I
    am in outline mode or not. I don't know what I did, but I could not
    find a menu item to turn it off.
    Thanks for your help.

    On the timeline, you should have 3 icons next to the layer
    name. If it's active, you'll see the 'pencil', otherwise you'll
    see: A dot or X, a dot of X, and then a square with a color.
    Each layer should have the square with a color. If the square
    has a black border with a fill, you are looking at the fills for
    that layer. Otherwise, if the border is a color, and the center
    matches the panel bg color, then you're looking at the outlines,
    but just for that layer.
    You may want to go through your timelines and make sure all
    of your layers are set to fill mode. Could be that you missed one
    somewhere.

  • Iphoto: problem with background color on Calendar.  Help!

    I have made 4 calendars using iphoto now.  The first time I did it, I was able to custom background color the pages, including the bottom half with month and days.  Since then, the only page that works for making background color changes is the top page (the border between photos).  What am I doing wrong?  When I go back to my original calendar (which I saved), I can still change the colors, but it doesn't work on any subsequent calendars.  Can someone please advise?
    Thanks,
    Catherine

    Catherine,
    you might try to change the "Theme" of your calendar. Not all themes allow to change the background color for the calendar page. For example, the "Colored Paper" theme lets you select the background color for all pages - click the "Layout" button and select a page in the page browser;  then select a colored background tile, like this:
    Regards
    Léonie

  • Text Standard in Sapscript: Problema with background color

    Hi all !!!
    I have uploaded a digital signature via RSTXLDMC program (I cannot upload the digital signature via SE78 because i have set position in the main window). When i display the sapscript, the background colour is white, but when i print the sapscript the background color changed to black.
    Does anyone know why this is happening ?
    Thanks
    Sebastian Quezada

    Welcome to SDN.
    If you are using a BMP image file then save it as 256 bitmap file and then upload it. Even after that if issue persist check with your BASIS for the drivers.
    Regards,
    Amit

  • New Markup using JVue applet with default colors that override .ini setting

    Goal: To load the JVue applet initially populated with a given document(drawing) and if there are no markups at all:
    •     Give the user a markup with a custom filename
    •     Configure the applet so that all markups:
    o     Have a specific custom outline color that overrides setting in allusers.ini
    o     Have a specific custom fill color that overrides setting in allusers.ini
    Problem: The following code achieves everything except setting the custom colors via the method configureMarkups().
    •     If configureMarkups() is called, the applet will not save a valid Markup file (it is zero bytes).
    •     If configureMarkups() is simply not called, the applet will save a valid Markup file (but the markups are not the desired color)
    •     See the text following this code for a more detailed process flow:
    package com.kpe.esd.applets;
    import java.awt.Color;
    import com.cimmetry.core.Property;
    import com.cimmetry.markupbean.Markup;
    import com.cimmetry.markupbean.MarkupBean;
    import com.cimmetry.markupbean.MarkupEntitySpec;
    import com.cimmetry.vuebean.event.VueEvent;
    import com.cimmetry.vuebean.event.VueFileListener;
    import com.cimmetry.vuebean.event.VueMarkupListener;
    import com.cimmetry.vuebean.event.VueModelEvent;
    import com.cimmetry.vuebean.event.VueModelListener;
    public class JVueKPE extends com.cimmetry.jvue.JVue
    implements VueMarkupListener, VueModelListener, VueFileListener {
    /** serialVersionUID */
    private static final long serialVersionUID = 1L;
    public void onInitDone() {
    super.onInitDone();
    System.out.println("***KPE*** JVue extension (Build 20120219-i) has been initialized.");
    * @param markupBean
    * @param filename
    * @param author
    public void createUserMarkup(MarkupBean markupBean, String filename, String author) {
    System.out.println("***KPE*** createUserMarkup()");
    System.out.println(" filename: " + filename);
    System.out.println(" author: " + author);
    final boolean first = markupBean.getActiveMarkup().getName().contains("ntitled");
    final Markup newmarkup = first
    ? markupBean.getActiveMarkup() : markupBean.createMarkup(true);
    newmarkup.setName(filename);
    // Create a Properties class and instantiate the object
    final Property root = new Property("Markup", "KPE User Markup");
    root.addChildProperty("CSI_DocID", "<<dms:newmarkup>>"+filename);
    root.addChildProperty("CSI_DocName", filename);
    root.addChildProperty("CSI_DocReadOnly", "false");
    root.addChildProperty("CSI_DocAuthor", author != null ? author : "mickeymouse");
    root.addChildProperty("author", author != null ? author : "minniemouse");
    root.addChildProperty("Read-Only", "false");
    root.addChildProperty("CSI_MarkupType", "normal");
    newmarkup.setProperty(root);
    this.getActiveVueBean().getVueEventBroadcaster().addMarkupListener(this);
    this.getActiveVueBean().getVueEventBroadcaster().addModelListener(this);
    this.getActiveVueBean().getVueEventBroadcaster().addFileListener(this);
    // Make sure this is the last line of the method!!!
    if (!first) markupBean.setActiveMarkup(newmarkup); // This has no effect on enabling markup entity buttons
    public void createUserMarkup_tested_works(MarkupBean markupBean, String filename, String author) {
    System.out.println("***KPE*** createUserMarkup()");
    System.out.println(" filename: " + filename);
    System.out.println(" author: " + author);
    final Markup newmarkup = markupBean.createMarkup(true);
    newmarkup.setName(filename);
    // Create a Properties class and instantiate the object
    final Property root = new Property("Markup", "KPE User Markup");
    root.addChildProperty("CSI_DocID", "<<dms:newmarkup>>"+filename);
    root.addChildProperty("CSI_DocName", filename);
    root.addChildProperty("CSI_DocReadOnly", "false");
    root.addChildProperty("CSI_DocAuthor", author != null ? author : "mickeymouse");
    root.addChildProperty("author", author != null ? author : "minniemouse");
    root.addChildProperty("Read-Only", "false");
    root.addChildProperty("CSI_MarkupType", "normal");
    newmarkup.setProperty(root);
    this.getActiveVueBean().getVueEventBroadcaster().addMarkupListener(this);
    this.getActiveVueBean().getVueEventBroadcaster().addModelListener(this);
    this.getActiveVueBean().getVueEventBroadcaster().addFileListener(this);
    // Always search for, and delete, "untitled" markups
    final Markup[] allmarkups = markupBean.getMarkups();
    for (Markup thismarkup : allmarkups) {
    System.out.print("***KPE*** Markup Name: " + thismarkup.getName());
    if (thismarkup.getName().contains("ntitled")) {
    markupBean.deleteMarkup(thismarkup);
    System.out.println(" <<< removed.");
    } else {
    System.out.println(" <<< kept.");
    // Make sure this is the last line of the method!!!
    markupBean.setActiveMarkup(newmarkup); // This has no effect on enabling markup entity buttons
    public void configureMarkups(boolean isGreenMarks) {
    System.out.println("***KPE*** configureMarkups()");
    System.out.println(" isGreenMarks: " + isGreenMarks);
    final MarkupBean mbean = this.getActiveVueBean().getMarkupBean();
    final Markup active = mbean.getActiveMarkup();
    MarkupEntitySpec spec = active.getMarkupSettings();
    if (spec == null) {
    System.out.println("***KPE*** Why is spec null?");
    spec = new MarkupEntitySpec(mbean);
    spec.setColor(isGreenMarks ? Color.GREEN : Color.RED);
    spec.setFillColor(Color.YELLOW);
    mbean.selectionSetSpec(spec);
    @Override
    public void onMarkupEvent(VueEvent evt) {
    System.out.println("***KPE*** markup event = " + evt.getEventName());
    switch (evt.getType()) {
    case VueEvent.ONENTERMARKUPMODE:
    break;
    @Override
    public void onModelEvent(VueModelEvent evt) {
    System.out.println("***KPE*** model event = " + evt.getType());
    @Override
    public void onFileEvent(VueEvent evt) {
    System.out.println("***KPE*** markup event = " + evt.getEventName());
    Process Flow
    APPLET IN HTML
    <object id = "JVue" name = "JVue by Oracle"
    classid = "clsid:8AD9C840-044E-11D1-B3E9-00805F499D93"
    codebase = "${viewer.codebase}"
    width = "100%" height = "50%" >
    <param name="code" value="com.kpe.esd.applets.JVueKPE" />
    <param name="codebase" value="${viewer.codebase}" />
    <param name="cache_archive" value="jvue.jar,jogl.jar,gluegen-rt.jar" />
    <param name="cache_version" value="cache_version" />
    <param name="type" value="application/x-java-applet;version=1.6" />
    <param name="mayscript" value="true" />
    <param name="scriptable" value="true" />
    <param name="EMBEDDED" value="TRUE">
    <param name="HEAVYWEIGHT" value="FALSE">
    <param name="VERBOSE" value="DEBUG">
    <param name="JVUESERVER" value="${viewer.autoVueServlet}">
    <param name="DMS" value="${viewer.autoVueDMS}">
    <param name="DMSARGS" value="USERNAME;DMS_PRESERVE_COOKIES;">
    <param name="USERNAME" value="anonymous">
    <param name="DMS_PRESERVE_COOKIES" value="TRUE">
    <param name="ONINIT" value="onJVueInit();">
    <param name="GUIFILE" value="${viewer.autoVueGUI}">
    </object>
    JAVASCRIPT: ONJVUEINIT()
    function onJVueInit() {
    var applet = getJVue();
    if (applet) {
    applet.setFile('${viewer.autoVueFilename}'); // [B1]
    applet.waitForLastMethod();
    AVOpenMarkupFile();
    AVConfigureMarkups();
    } else {
    alarm('!! Cannot find AutoVue applet !!!');
    }; // end onJVueInit()
    JAVASCRIPT: AVOPENMARKUPFILE()
    function AVOpenMarkupFile() {
    var applet = getJVue();
    if (true) {                   
    applet.openMarkup('*'); // [2]
    } else {
    waitForMarkupsToBeLoaded(applet); // This statement is VERY important.
    var vuebean = applet.getActiveVueBean();
    applet.waitForLastMethod();
    alarm("VueBean: " + vuebean);
    var mbean = vuebean.getMarkupBean();
    applet.waitForLastMethod();
    alarm("MarkupBean: " + mbean);
    alarm("Markups Count: " + mbean.getMarkupsCount());
    var found = -1;
    var untitled = false;
    var allmarkups = mbean.getMarkups();
    if ( false ) { // mbean.getMarkupsCount() == 1
    if (allmarkups[0].getName().slice(0,8) == 'Untitled') {
    allmarkups[0].setName(pg_userMarkupFilename);
    } else {
    alarm(allmarkups[0].getName().slice(0,8));
    } else {
    for (var index = 0, len = allmarkups.length; index < len; ++index) {
    var item = allmarkups[index];
    // Your code working on item here...
    alarm("Markup Name: " + item.getName());
    alarm("Markup Property: " + displayProperty(item.getProperty(), 0, 0, 1));
    if (pm_isHistory) { item.setReadOnly(true); }
    if (item.getName().slice(0,8) == 'Untitled') {
    found = index;
    untitled = true;
    // Untitled Markups get removed later by custom applet
    } else {
    if (item.getName().indexOf(pg_userMarkupFilename) > -1) {
    found = index;
    } else {
    if (!pm_isHistory && pm_isLead) { item.setReadOnly(false); }
    var information = item.getMarkupInformation();
    if (information != null) {
    for (var j = 0, len2 = information.length; j < len2; ++j) {
    var info = information[j];
    // Your code working on item here...
    alarm("Markup Information: " + info );
    if (untitled || (found == -1)) createMarkup(mbean, 'mickey mouse');
    JAVASCRIPT: CREATEMARKUP()
    function createMarkup(mbean, author) {
    getJVue().createUserMarkup(mbean, pg_userMarkupFilename, author);
    Note: Both versions of createUserMarkup() seem to work and allow successful saving of the markup file if configureMarkups() is not subsequently called.
    JAVASCRIPT: AVCONFIGUREMARKUPS()
    function AVConfigureMarkups() {
    var applet = getJVue();
    applet.configureMarkups(pm_isGreen);
    };

    Please try this, let me know if it doesn't work.
    public void configureMarkups(boolean isGreenMarks) {
    System.out.println("***KPE*** configureMarkups()");
    System.out.println(" isGreenMarks: " + isGreenMarks);
    final MarkupBean mbean = this.getActiveVueBean().getMarkupBean();
    MarkupEntitySpec spec = mbean.getMarkupEntitySpec();
    if (spec == null) {
    System.out.println("***KPE*** Why is spec null?");
    spec = new MarkupEntitySpec(mbean);
    spec.setColor(isGreenMarks ? Color.GREEN : Color.RED);
    spec.setFillColor(Color.YELLOW);
    mbean.setMarkupEntitySpec(spec);
    For the future: please try limiting code snippets to only minimum relevant lines, otherwise it's very hard to come up with quick suggestions...

  • Composing mail with background color?

    Does anyone know of a way to compose a message in Mail with a background color (say, light blue) behind the text? I know Mail lets you choose type colors, and also lets you set text and background colors for the message header as it appears in the directory, but I've not found a way to set a background color for the message window itself. Anybody know how?
    I'm running OS 10.3.9 with Mail 1.3.11.
    Thanks!

    Well, judging by the complete lack of answers from Apple, I think it's safe to say adding background color to a message is not supported in OS X Mail (At least, not 2.1.1).
    The likeliest place to specify a document or background color would have to be the Fonts dialog, since it contains a specific selector for "Document Color". Of course, this is the same Fonts dialog that is integrated throughout the whole OS, and this particular control has no effect on a Mac Mail message. I've tried selecting system colors, web colors, even picked a color using the eyedropper with no success.
    I'm going to speculate that this is because document color is a feature of HTML formatting -not Rich Text formatting- and Mac Mail (up to version 2.1.1) doesn't even offer HTML formatting as an option. Pretty lame, if you ask me.
    That said, I see the version of mail shipping with Leopard is promising custom "stationary", and that usually means HTML format. I guess we'll have to go upgrade the whole OS just to get this rudimentary capability.

  • Filling with background color

    hi, i am trying to do something that paints some controls on the screen, and if a control reacts in a certain way, it should be repainted. the problem is, some controls are small, so instead a 'repaint' handler for all the screen, it would be nice to just repaint the part that changed
    in other words, instead of
    graphics.clear();
    repaint_all();
    i would like to have something like
    graphics.beginfill(ERASE, 1);
    erase_component();
    redraw_component();
    which i believe would be faster. the reason i can not just say 'fill with background colour' is beacuse 1. background color can be arbitrary, (though it would be nice to have a flash-provided constant or a maccro called BACK_COLOR or something), and 2. because in this case in particular, the background may be a picture (bmp, jpeg whatever) in a sprite below. if i paint a solid block, the block will not erase but instead appear as a block over the background picture. is there anything in flash as an 'erase' fill?
    2. (not related with question title). how do i a. turn off all default options in right click menu (except the 'about flash', wich can not be turned off if running player as stand alone), and b. add a custom item in right click menu
    tnx

    hi, i know there is a graphics object for each thing. i am making my own event handler, i have all controls as pictures in the same object (as the system does, i am doing it without delegating to the system or flash) tnx for the contextmenu tip

  • Running Border Animation with different colors ?

    Hey..Any body can help me to create a animation of dashed lines with different colors ??i mean border like LEd lyts around the fotos of God ??

    Hi,
    If you set the style properties for the Panel you want to
    modify, it will consider the properties you set than loading from
    the global css file. I have created a sample in which i have two
    Accordions, in which one Accordion uses the global style for the
    header and other one uses the style which i set for that Accordion.
    Hope this helps

  • Please Help with background color problem in loaded .swf

    I am stuck!
    This is Flash CS4...
    I created a flash application which loads in many other little flash applications (.swf files) based on menu selections.
    When I change one of the little applications the changes are viewable except when I change the background color.
    After the first time I view the application, the background color changes do not carry over to the main app.  I run the little ones stand alone and they show the new color, then I run the main app and any other changes I have made are there but not the color change.  When I remove the file and the load fails, the old backround color still displays in the container movie clip the .swf was previously loaded into.
    I have tried several different options and the only thing that worked was renaming and copying and deleting and making a big mess.  There has to be a way to force a refresh of this mysteriously saved color. doesn't there?
    Please help!
    Thanks!
    Vivian

    Hi Antonia
    I am loading the swf into an instance of a movie clip:
    var myLoader:MovieClipLoader = new MovieClipLoader();
    myLoader.loadClip("Capitalization.swf",  contCapitalization);
    it is the background of Capitalization.swf that will not change
    this is AS 2 since the app was created before I upgraded
    Any ideas?

  • Horizontal scrolling with a table that is 100% width of window/container

    Hello,
    I'm a bit perplexed - it seems to me that the only way that I can have both fixed and scrollable columns in a table, with a table that resizes to the width of the user's screen, is to have percentage widths for all the entries.
    Warning imminent rant
    This seems to me to almost defeat the purpose. I want to be able to show more columns if the user has a large screen, and less if they have a small screen, keep certain key fields always showing and have the space avaliable for each column fixed to the size of the column contents. Having percentages of the screen for all columns just means that the column will get wider and thinner, not more or less!
    Is there any hope that this might come along with client side scrolling in NetWeaver EhP2? Or does anyone have a cunning solution to the problem?
    Now, I can sort of understand why this functionality has been build like this (the ABAP not having any real idea of how wide the screen actually is) - but why deliever such a solution at all? I can almost understand a fixed width situation, although all that code for a minimal improvement over just specifying the number of scrollable columns is suprising - but I struggle to see the use case for setting all the columns in a table to display as percentage widths.
    Rant over -
    If anyone does have any ideas how to have a 100% width table with fixed width columns - please do let me know.
    Cheers,
    Chris

    Can this work:
    Emebed your table UI element in Transparent Container UI element ( give it a fixed width ), now make table width as 100 % and make each column width as Width of Transparent Container / No of Columns.
    Although I'm suggesting this but in my opinion giving fixed width to any UI element height width property is not advisable and recommended. It is because when browser will be resized by the user then if there is a fixed width settings then scrollbars would appear and layout may also go haywire.
    If on the other hand if we are giving % (relative of window ) in width height of UI elements then layout will be adjusted automatically.
    Regards
    Manas Dua

  • Are Edge Animates .OAM files that span 100% left to right with Adobe Muse even possible?

    I can make an interactive banner like this: www.nbc.com , I can design websites in Adobe Muse, yet how do I combine the two? I can combine them but not with 100% browser width on both sides of the .OAM file published by Edge Animate? All I want is my .oam file to span from left to right of any sized browser without gap... HELP PLEASE! Is this possible with Adobe Muse & .OAM files?

    Hi Beck,
    This looks like it is currently not possible. However, the product expert said that he will verify and get back to us.
    Thanks,
    Preran

  • Responsive animation with script - not ok in Wordpress

    Hi,
    I ahve been following Adobe Product Manager Sarah Justine's tutorial (http://sarahjustine.com) on how to make an animation responsive. She has created a script that seems to work perfectly when you resize your browser or use a handheld device. Script is inserted into the "Stage" component:
    (choose compositionReady in dropdown and add code below)
    var stageHeight = sym.$('Stage').height(); // Set a variable for the height of the stage
    sym.$("#Stage").css({ // Set the transform origin so we always scale to the top left corner of the stage
    "transform-origin":"0 0",
    "-ms-transform-origin":"0 0",
    "-webkit-transform-origin":"0 0",
    "-moz-transform-origin":"0 0",
    "-o-transform-origin":"0 0"
    function scaleStage() {
        var stage = sym.$('Stage'); // Set a reusable variable to reference the stage
        var parent = sym.$('Stage').parent(); // Set a reusable variable to reference the parent container of the stage
        var parentWidth = stage.parent().width(); // Get the parent of the stage width
        var stageWidth = stage.width(); // Get the stage width
        var desiredWidth = Math.round(parentWidth * 1); // Set the new width of the stage as it scales
        var rescale = (desiredWidth / stageWidth); // Set a variable to calculate the new width of the stage as it scales
    // Rescale the stage!
               stage.css('transform', 'scale(' + rescale + ')');
        stage.css(  '-o-transform', 'scale(' + rescale + ')');
               stage.css('-ms-transform', 'scale(' + rescale + ')');
        stage.css('-webkit-transform', 'scale(' + rescale + ')');
               stage.css('-moz-transform', 'scale(' + rescale + ')');
        stage.css('-o-transform', 'scale(' + rescale + ')');
        parent.height(stageHeight * rescale); // Reset the height of the parent container so the objects below it will reflow as the height adjusts
    // Make it happen when the browser resizes
    $(window).on('resize', function(){
               scaleStage();
    // Make it happen when the page first loads
    $(document).ready(function(){
        scaleStage();
    My problem is that I use Wordpress and the Edge Animate plug-in and when I insert the animation there the script seems to do nothing. I'm not a coder so I have no idea what might be happening. I'm going to post this on the Wordpress plug-in support page and see is the developer has any ideas. I'll report back about that.
    Any help would be greatly appreciated since this script seems very useful!
    Regards
    Johan

    Ok, so the creator of the script, Sarah Justine came up with this solution:
    I was able to get this to work, but not using shortcodes.
    Follow the same method of uploading an OAM as you normally would. We’re going to use HTML instead of shortcodes, and Edge Suite will still populate your page with the necessary files.
    Instead of the shortcode, use this:
    <div style="width:100%; height:auto"><div id="Stage" class="EDGE-78729757"></div></div>
    You can change the width to be whatever % you want and add some more inline CSS. Grab the class name from whatever Edge Suite reports from the composition.
    I can't get this to work sadly. Continuing discssion with Sarah.
    The WP plug-in developer came up with this change to the actual script:
    The fix is actually quiet simple, just remove the # in front of '#Stage' within
    sym.$(&quot;#Stage&quot;).css so it says sym.$(&quot;Stage&quot;).css. That should fix the whole thing and it should also work with shortcodes. Let me know if that solves it for you.
    I couldn't get this to work either! Discussion continues.
    Johan

Maybe you are looking for