element.style - how can this be changed?

Hello

I keep find element.style all over the place - where can I change these?

I have searched for element.style and no luck.

Each element.style refers to a 'div id' which I can also not find anywhere.

Please help!

These elements have inline styling applied, and you'll need to find it in the source code to change it.  It used to be a lot worse, but most of the styling has been moved to css files.  In some cases, the styling is dynamically created via javascript, and just cannot be static css drawn from a file.... sometimes widths and heights need to be dynamically calculated because they must adapt to changing content.

To locate things in the Dolphin source files, I use Agent Ransack:

http://www.mythicsoft.com/Page.aspx?type=agentransack&page=download

I keep an unzipped copy of Dolphin on my computer just for the purpose of finding things like this.  Even with hard coded inline styling, you can usually override it by adding a css rule for it in the template. Usually general.css or common.css is a good place to do this. 

EX:

If you have something like this hard coded:

<div id="hohoho" width="100px"   ....

You can try adding this to general.css or common.css

#hohoho {

width:120px !important;

}

Hi HL

Thanks for the excellent reply :)

Rich

Unfortunately that doesn't work because the id number seems to be randomly generated each time the page loads, so a css controller is not possible.

Well there are other css tricks.

Is the div inside of another one that does have a fixed id or class?

If so you can tell css to target a div inside of that one. For example.

<div class="fixed_class">
    <div id="randomid">
        bla, bla, bla
    </div>
</div>

CSS

.fixed_class div {
    width:120px !important;
}