Hi All,

I'm working on a skin that has multiple containers.  The module title's text color will vary depending on which container is in use.

By default, the <dnn:TITLE> control is wrapping the title in a <span class="Head"> tag.  This CSS style is defined in the default.css file.

I don't want to use that CSS class.  The color and size of the module title is all defined by my own CSS, and it varies from container to container.  But I can't seem to figure out a way to tell the dnn:TITLE control how to not apply the Head CSS class.

How do I do this?  Remember, I can't just redefine the Head class in one of my own stylesheets, cause the properties I want to set vary from container to container.

  -Josh

you could have a container that in container.css you define

.Head {    font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#BDBDBD;}
.Normal {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight:Normal; color:#BDBDBD; padding:0; line-height:140%; letter-spacing:140%;}

/* Orange Text display */
#orange .Head {    font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#F7941D;}
#orange .Normal { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight:Normal; color:#BDBDBD; padding:0;}

then if you put a div around the whole lot of the container like <div id="orange"> then you will be using the orange class and if your container does not have it which means you will be using the regular .HEAD

salar

Thanks for all the suggestions!

What I would really like to do is simply not apply the Head CSS class at all.  Is there any way to prevent the dnn:TITLE control from using that CSS class?

  -Josh