Customizing InSite 5

[Kalessin]

Does anybody have any experience in customizing InSite?

We've just got version 5 and I am trying to create a new theme to tie InSite in with our public website, but our website has a header 111px high and InSite will only let me have 58px before the nav bar.

I'm no stranger to web dev, but my problem is the nav bar is positioned 58px from the top using an inline style:

Code Select Expand

<div id="foo" class="bar" style="height:37px;top:58px;">and I cannot find the code that generates this line anywhere.

Can anyone shed any light on this problem? Feel free to offer any other customization tips you might have come across, too

Thanks!

[Joe]

I'm guessing it is in a ".css" file somewhere.

[Kalessin]

Nope. I did a site search in Dreamweaver and "top:58px" was not found.

The solution, if anyone except me cares, is

Code Select Expand

#foo {
    top: 111px !important;
}

The !important bit overrides even inline declarations, so I added it to the Header field in Edit Theme.

I also used some CSS trickery to pretty up some other things, change the footer style and remove the "Powered by Kodak InSite" image.

Now to add some JavaScript!

[born2print]

Welcome Kalessin, thanks for sharing your issue / solution with us.