Can header animation be changed to include a graphic file?

Is it possible to change the header animation to include a graphic file? Ideally, I'd like to remove some of the text and replace with my event logo. Screenshot is attached, and I've circled what text I'd like to replace.

Perfect world, I'd like to remove the logo from where Fest places it now, bring the text higher up on the hompage, and replace the indicated text with the logo. My url is: http://www.newenglandfanfest.com

Thanks. Any help would be appreciated.

Hi,

Yes, it's possible, instead of your <h1 with new england... code from the header text widget, use the following code:

Code: Select all

 <img src="http://path/to/your/image.png" class="gk-scale-up" data-start="{'opacity':0}" data-end="{'opacity':1}" data-delay="600" data-time="500" />


with the path to your image.

To hide you default logo, add the following code into your Fest/css/override.css file (first enable this override option from Template Options -> Advanced tab):

Code: Select all

a.imageLogo {
   display: none;
}


and now you can use the logo image in my first fragment of code.

Thank you kindly. Worked great.

However, I just went into Theme Branding and changed "Theme Logo Type" to none. Does that accomplish the same thing as putting that code in override.css?

In FireFox only, I'm seeing the animation load like the attached screenshot. For less than a second, you can see almost a mini-version of the actual main animation. You can see it if you're using Internet Explorer. Any thoughts?

And one more question, is it possible to move the animation even higher up the page, closer to the horizontal menu bar at the top? Thanks.

Which version of Internet Explorer? Because I've checked versions higher than 9.0 and don't see any problem with the animation.

If you want to move the animation to the top, please add the following code into override.css file:

Code: Select all

.home #gk-header-top {
   margin-top: 0;
}


and it's of if you select "Theme Logo Type" to none.

Which version of Internet Explorer? Because I've checked versions higher than 9.0 and don't see any problem with the animation.

The animation weirdness was with FireFox, IE was fine.

Which version of Firefox exactly? Because I can't see this issue.