You need to Register for free and Login to post a message in the forum.

Forum

Subject: Need Help Changing Containers Contentpane's Text Color
Prev Next
You are not authorized to post a reply.

Author Messages
RegGFX
Nuker
Nuker
Posts:19

26 Mar 2008 1:59 PM  

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?

leesykes
DNN Creative Staff
Nuke Master III
Nuke Master III
Posts:3442

27 Mar 2008 6:48 AM  
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;
}


Lee Sykes
Site Administrator
Subscribe to the website : DotNetNuke Video Tutorials : The Skinning Toolkit : DotNetNuke Podcasts

Twitter: www.twitter.com/leesykes

Lee Sykes's Facebook Profile
CROKeefe
DNN Creative Magazine Subscriber
Nuke Newbie
Nuke Newbie
Posts:3

20 Nov 2008 2:56 PM  
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/1754/Default.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
CROKeefe
DNN Creative Magazine Subscriber
Nuke Newbie
Nuke Newbie
Posts:3

20 Nov 2008 5:59 PM  

leesykes
DNN Creative Staff
Nuke Master III
Nuke Master III
Posts:3442

21 Nov 2008 6:38 AM  
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,

Lee Sykes
Site Administrator
Subscribe to the website : DotNetNuke Video Tutorials : The Skinning Toolkit : DotNetNuke Podcasts

Twitter: www.twitter.com/leesykes

Lee Sykes's Facebook Profile
CROKeefe
DNN Creative Magazine Subscriber
Nuke Newbie
Nuke Newbie
Posts:3

21 Nov 2008 8:24 AM  
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








leesykes
DNN Creative Staff
Nuke Master III
Nuke Master III
Posts:3442

21 Nov 2008 10:18 AM  
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,

Lee Sykes
Site Administrator
Subscribe to the website : DotNetNuke Video Tutorials : The Skinning Toolkit : DotNetNuke Podcasts

Twitter: www.twitter.com/leesykes

Lee Sykes's Facebook Profile
You are not authorized to post a reply.
Forums > Users Lounge > Everything Else > Need Help Changing Containers Contentpane's Text Color



ActiveForums 3.7

Latest Forum Posts

RE: Forum - Thread Search by jncraig
Which version of DotNetNuke are you using? Which version of the Forums module? Can you describe,...
Forum - Thread Search by DaisyK
When the search text is left empty in FORUM - Thread Search, it displays "The resource cannot be fou...
RE: Disable the functions on the menu until users have login by jncraig
Using security roles, it's quite easy to hide modules and pages by assigning them to security roles....
RE: click track is not working by jncraig
Can you give a few details as to what you've done and what doesn't work?
RE: New Logo cant display by jncraig
How was it solved?  We'd all like to know.
RE: Can't Login! Login Page can't be accessed... by jncraig
Since this is a new installation, it might make sense to delete it and start completely over. Delet...
RE: AdvanceEmail Newsletter is not working by jncraig
OK. THe message that you received said that there are zero recipients. When you created the email,...
RE: New Logo cant display by Germaine
Hi Joe, thanks it has been solved!
click track is not working by kishorpawar
I am using click track in my project can  any one help me  what can i wright in  Scrip Box so it can...
RE: Can't Login! Login Page can't be accessed... by durationinc
I didn't do any upgrade...both are new installations (start from scratch). DNN version 4.9.1. Since ...
Disable the functions on the menu until users have login by Germaine
Hi there, I am wondering if this can be done. I have configured the security roles in DNN.  However,...
RE: unsubscribe link for DNN website by maxdagenais
AWESOME, that worked! Thanks so much for your quick responses and time! Regards Lindy
RE: AdvanceEmail Newsletter is not working by kishorpawar
No this is not a third party module this is part od DNN opt -In Email in that opt In-Advanced...
RE: Can't Login! Login Page can't be accessed... by jncraig
Let's back up and start over.  Is this a new site or an upgrade of an existing site?  If it is an up...
RE: unsubscribe link for DNN website by jncraig
Sorry, I misinformed you.  It is not the Account Login Module.  Rather it is the User Account Module...
RE: unsubscribe link for DNN website by maxdagenais
Posted By jncraig on 08 Jan 2009 8:27 AMI'm guessing at the details, but there appear to be several ...
RE: Can't Login! Login Page can't be accessed... by durationinc
Hi Joe, Yes. But I don't think that is the problem. I installed another DotNetNuke in my PC (inst...
RE: ascx question by tlsadler
Lee, Ah....I like the idea all ready...thanks for the advice and link. Terry
RE: GoDaddy by tlsadler
Lee, Many thanks...will definitely check these out tonight. Terry
RE: Child portal to live site by psgrzelak
Thanks Lee, definetly going to look at that. Great site! I'm looking forward to going through the vi...
DotNetNuke Modules
RSS Feeds