I have an interesting situation where i have 3 containers One of which has a dark background.
I need the Container with the dark background not to use .Normal style so that the web admin usning the default html/textbox editor the FCKeditor doesn't always have to squint their eyes to find their white or yellow text in the FCKeditor when making changes.

So that is why i tried to make the container with the dark framed background display lighter text by default by assigning a style in its own containter.css

Even though you can assign a new .Normal class inside container.css, all this does is change ALL containers text to lighter color on the same page when i only need the one container with the dark background to be different by default.

Changing the title color is pretty easy... getting a single container with a dark background to use a different text color by default (not using .Normal) and at the same time not changing all container Contentpane text colors on the same page is some what of a challenge.

Any ideas?

Try adding a class to your container and then specify the normal class within the class of your container, ie:


.dnnC_content_transparent .Normal
{
color: pink;
}

I'm also having similar issues. While the .Normal helps most of it, the H1-H6 and the TITLEs for each are not pulling the right css for each container.
You can view my dilemma at :  http://tldwebsportal.com/Home/tabid...fault.aspx

Any help would be great - it seems lik ethe answer is so simple and yet... I don't see too many others creating containers that use different colorson their ContentPanes.

{my thought is to make my client's sites as easy to edit and style as possible w/o knowing code... therefore using the embedded heading styles that I would have redefined for each container... They really and truly cannot edit the source with additional class code.}

-N

The default class for a container is .head so you will find that the .head class will override any stylings for the header tags.

To get around this you can specify a different class for your containers, ie:
< dnn:TITLE runat="server" id="dnnTITLE" CssClass="DNNCTitle" / >

What I then do is do not specify any styling for the DNNCTitle class - but style my titles from the h1-h6 tags - you then do not have to deal with issues coming from the .head class


example with skin.xml


        < Token >[TITLE]< /T oken>
        < Settings >
            < Setting >
                < Name >CssClass< / Name >
                < Value >DNNCTitle< /Value >
            < / Setting >
        < / Settings >

Hope this helps, thanks,

Thanks for the quick update... I know it looks broken right now, but I had the TITLE classes working ok using that method. The real problem is the ContentPane text that an editor would be changing - the P and A and Heading styles are overwritten by the very last class entry in the .css file that is read into the page.

So when I have 2 containers on the page with different colors in the body (P, A, .Normal, etc...), they do not maintain their assigned classes and instead use the last one loaded. Does that make sense? I've tried so many things already my head is spinning. It seems so simple and yet not many people are doing it.

I've attached the mock up of my colors and containers as they should look. The 2 that are on that test page are the top 2 containers as they should look online.

Thanks so much

Hello,

Have you tried adding a class to the content area of your container and then styling the p, a, normal etc. through inheriting that class?

I have not tried this but something like

.mycontainer p {
}


.mycontainer .normal


etc.

Thanks,