possible? one photo with animdated text?

Here's what we'd like to do:
Have a single still image with animated, rotating text. In other words, a single frozen image with text that slides in & out, and then another piece of text that slides in & out, then another piece of text that slides in & out....

Is this doable? This seems much simpler than what is currently in place

It would be possible, but require customization that we don't support.
But to give You a kickstart - if You would use override.css to hide:

Code: Select all

.gkIsSlide.figure.animated {display: none !important;}


then You would be able to use some higher in hierarchy element such as:
.gkIsWrapperFixed
to place a background image on it.
This way only captions will be animated and background should stay intact.
But its just a theory.

Thanks!

So, at this point, I've got a single image in the bg with animated text using the css below.

New Question:
I'd like to use div/span tags to style text (italicize, float) within the animated text block. How can I do this? When I add <div> tags inside the GK4 Content area of each slide, the styles aren't rendered at all.

You can see where we're currently at http://www.3rdglance.com/bu31.

Code: Select all

.gkIsSlide.figure.animated {display: none !important;}
.gkIsWrapperFixed {background-image: url("/bu31/images/demo/front-pg-draft.jpg") !important;
position:relative !important;
background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    height: 100% !important;}
.gkIsWrapper-gk_creativity .figcaption h1 {
    font-size: 20px !important;
    font-weight: 300 !important;
    line-height:  !important;
    max-width: 350px !important;
}
.gkIsWrapper-gk_creativity .figcaption > div {top:52% !important; left:25% !important;}

Module doesn't allow to add html - only clean text.