How do I create CSS for editable regions in documents based on templates?

i have created template in dreamweaver cs4 using 3 column fixed, header , footer layout option. template works fine in browser. have inserted editable region empty middle column of template. have created new page, based on template, , want able format text imput editable region using css. ever time try create new css rule following dialogue box:

 

"making change require changing code locked template or translator. change discarded."

 

is there way create new css, apply information inputted editable regions of document based on template? simple step-by-step instructions appreciated.

 

thanks reading

not sure 'id' of middle column need target text within <div>.

 

example:

 

#whatever {

color: #639;

font-size: 12px;

}

 

it's best if text in middle column in paragraphs , target them follows:

 

#whatever p {

color: #639;

font-size: 12px;

padding: 0 15px 0 15px /* top,right,bottom,left */

}

 

you need make sure include above in editable css region of page , must come after link main css stylesheet.

 

if in doubt post code of page here , want purple , i'll  have @ it.

 

 

the tip stop arsing around css dialogue box in dw, it's load of bollocks , start writing simple css directly within page itself. it's simpler , gives greater control half baked automated interface.

 

start learning simple css. there absolutey zillions of resources on net. couple of hours spent , miles further on. if keep relying on dw i'm afraid you'll going around in circles.

 

get code , don't afraid of it, pick pieces , see how works. step step , gradually realise how simple structures , how simple css is.

More discussions in Dreamweaver support forum

adobe