CMS Made Simple Forums

Hi All,

Here's the situation. After developing a site for a client using css and setting up areas like this:

{content block="First para"}

{content block="Second para "}

So my stylesheet reads:

#first_para, #first_para p {
font-size:12px;
}

I've included #first_para AND #first_para p so cover for both eventualities i.e. they may use the enter key which creates a paragraph.

Now, I'm confused about a couple of things: The content within the editor boxes looks nothing like that on the site (the site is correct though), and I don't seem to have the right styles available within the Styles drop down. It's all very confusing. So how can I/Should I set this up so that the client just types in the text and selects the appropriate style from the drop down.

How do you guys do it?


Any ideas/thoughts/work practises would be gratefully recieved.

Sarah

Sarah,

What I've done, is created a seperate stylesheet specifically for use by editors using TinyMCE and applied the 'screen' attribute. These include only the styles I want available to the editors/client. I also have a stylesheet for elements like h1, h2, p, hr, etc. which is also set for screen. TinyMCE will automatically use/display any stylesheets that are meant for screen viewing.

Hope that helps.

Hi,

Yes I've done the same with a bit of a difference and I've gone into the TinyMCE config -> CSS Styles tab and added things like this:

Body Text Black=body_text; White Heading=header;

In my CSS I have:

.body_text {
font-size:12px;
color:#000;
}

.heading {
font-size:16px;
color:#fff;
}

This has the advantage, as far as I can see, of limiting the styles available to the client to just the ones set within the TMCE->CSS Styles tab. And using this method displays styles in English and not CSS i.e. Body Text Black and not body_text_black or bodyTextBlack.

I found that not using this method resulted in other styles, included in my css, which I didn't want them to have access to. TMCE displays class styles .style and not ID's or selectors i.e. #heading and .heading p So I had several class styles which I use for layout etc. which is not a good thing for the client! This method solves the problem.

Does this make sense!?

Sarah